[GELÖST] Oben zuviel bei Icon/Label in <ftui-tab>

Begonnen von DocCyber, 04 September 2025, 14:48:35

Vorheriges Thema - Nächstes Thema

DocCyber

Hallo zusammen.
In meinem Navigationsmenü möchte ich gern den Abstand oberhalb der Einträge verringern. Obwohl genügend Platz vorhanden ist, werden die Icons unten abgeschnitten.
Ich habe jetzt seit Stunden schon alles probiert, was mir eingefallen ist, aber entweder war es wirkunglos, oder es rutschte viel zu weit nach oben.
Hat jemand eine Idee, wie ich das hinbekommen kann?

Vielen Dank.

Du darfst diesen Dateianhang nicht ansehen.
<ftui-row>
  <ftui-tab view="AnsichtHome" direction="vertical" active>
    <ftui-label size="2" color="white">Home</ftui-label>
    <ftui-icon size="4" name="home"></ftui-icon>
  </ftui-tab>
  <ftui-tab>
  ...
  </ftui-tab>
  ...
  ...
</ftui-row>
Behandle die Menschen so, als wären sie, was sie sein sollten. Dadurch hilfst du ihnen zu werden, was sie sein können. (Goethe)


RPi-4B mit HM-CFG-LAN und viele weitere HM Komponenten, diverse Shellys, Tuya-Geräte, SMA und Solis Wechselrichter, Elgris EnergyManager, go-e Wallbox

DocCyber

#1
Ich habe jetzt eine Lösung gefunden.
Sie hat nichts mit <ftui-tab> zu tun, sondern mit <ftui-row>.
Die Festlegung von Ausrichtung (align-items) und Zeilenhöhe (height) führt zum Ziel.
Du darfst diesen Dateianhang nicht ansehen.
<ftui-grid-tile ...>
  <ftui-row height="55%" align-items="top">
    <ftui-tab ...> ... </ftui-tab>
    <ftui-tab ...> ... </ftui-tab>
  ...
  </ftui-row>
  <ftui-row height="55%" align-items="top">
    <ftui-tab ...> ... </ftui-tab>
    <ftui-tab ...> ... </ftui-tab>
    ...
  </ftui-row>
</ftui-grid-tile>
Behandle die Menschen so, als wären sie, was sie sein sollten. Dadurch hilfst du ihnen zu werden, was sie sein können. (Goethe)


RPi-4B mit HM-CFG-LAN und viele weitere HM Komponenten, diverse Shellys, Tuya-Geräte, SMA und Solis Wechselrichter, Elgris EnergyManager, go-e Wallbox