Padding classes not working on ion-text?

@honzapoboril wrote:

Is it possible in ion-content to have some elements with and without padding? In my tests class="ion-padding-horizontal" or class="ion-padding" woks only on <ion-content> and <ion-slides>, not on <ion-text>.

<ion-content>
    <ion-slides>
      ...
    </ion-slides>

    <ion-text
      ...
      class="ion-padding-horizontal"
    />

This will render as:

Snímek obrazovky 2020-03-25 v 20.51.35418×553 114 KB

<ion-content class="ion-padding-horizontal">
    <ion-slides>
      ...
    </ion-slides>

    <ion-text
      ...
    />

This will render as:

Snímek obrazovky 2020-03-25 v 20.51.07418×565 227 KB

<ion-content>
    <ion-slides class="ion-padding-horizontal">
      ...
    </ion-slides>

    <ion-text
      ...
    />

This will render as:

Snímek obrazovky 2020-03-25 v 21.18.15420×532 107 KB

CSS is included like this:

import '@ionic/core/css/core.css'
import '@ionic/core/css/ionic.bundle.css'

Versions:
@ionic/core: 5.0.5
@ionic/vue: 0.0.9
vue: 2.6.11

Project is available here: https://jeruzalem.poboril.cz/#/page/339249

Thank you for help

Posts: 1

Participants: 1

Read full topic