[ftui3] Button Formatierung

[stefan-dd]

Wie erstellt man einen Text Button, der die Formatierung nicht verschiebt.

Ich möchte folgende Felder linksbündig ausgerichtet haben:

Code Auswählen Erweitern


<ftui-button [(value)]="test" color="current" fill="none" slot="start">Pool</ftui-button>
<ftui-label slot="start">LED</ftui-label>
Mit dem Button klappt das leider nichts so recht, weil im Hintergrund noch der transparente Rahmen Platz für sich beansprucht.
Was gibt es für Möglichkeiten das anzupassen. Es soll beides richtig links beginnen.

[OdfFhem]

@stefan-dd

Mit Hilfe von CSS-Variablen kann man den linken bzw. rechten Rand beim Button-Text beeinflussen.

Linken sowie rechten Rand elimieren:

Code Auswählen Erweitern


style="--padding-start:0em; --padding-end:0em;"


Im Screenshot entspricht die rote Darstellung mit Rand, die grüne ohne Rand.