[FTUI3] ftui-label text-align Probleme nach Update

Begonnen von HGButte, 28 Januar 2024, 11:27:22

Vorheriges Thema - Nächstes Thema

HGButte

Hallo habe das Problem dass nach dem Update nun meine <ftui-label text-align="left"> nicht mehr den Text links ausrichten.
Es bleibt zentriert, auch bei text-align="right".

Ich das auch mal in diesem File lokal angepasst zum Test:
https://github.com/knowthelist/ftui/blob/master/www/ftui/examples/label.html

Ab Zeile 92
<ftui-grid-tile row="2" col="9" height="1" width="2" shape="round">
      <header>LONG</header>
      <ftui-label padding="1" scroll text-align="left">
        Lorem Ipsum
      </ftui-label>
</ftui-grid-tile>

Text wird zentriert dargestellt.


Wenn allerdings mehr Text in der Zelle steht als rein passt, wird es linksbündig angezeigt.

    <ftui-grid-tile row="2" col="9" height="1" width="2" shape="round">
      <header>LONG</header>
      <ftui-label padding="1" scroll text-align="left">
        Lorem Ipsum dolor sit amet, consectetur adipiscing elit,
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
        ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
        in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
        deserunt mollit anim id est laborum.
      </ftui-label>
    </ftui-grid-tile>

MDietrich

Hallo,
ja, bei text-align funktioniert etwas nicht. Wenn man im Eltern-Objekt aber align-items und nicht noch text-align verwendet funktioniert es aber.

<ftui-grid-header>
    <ftui-label>LONG</ftui-label>
</ftui-grid-header>
<ftui-row>
    <ftui-column color="success" align-items="left">
<ftui-label padding="1" text="Lorem Ipsum"></ftui-label>
    </ftui-column>
</ftui-row>

Gruß,
Matthias
FB 6591 Cable / Raspberry 3b+ (Bookworm) / 4xECHO DOT 4/ Homematic Thermostate, Fenster- und Fenster-Sensoren / Philips HUE / CUL-HM /  Zigbee Schalter und Lampen / Shelly 1

HGButte

Danke für den Tipp.
Werde es mal testen. Zur Not muss dieser Workaround erstmal herhalten.

setstate