Autor Thema: [ftui3] Button Formatierung  (Gelesen 463 mal)

Offline stefan-dd

  • Full Member
  • ***
  • Beiträge: 332
[ftui3] Button Formatierung
« am: 09 September 2022, 22:31:34 »
Wie erstellt man einen Text Button, der die Formatierung nicht verschiebt.

Ich möchte folgende Felder linksbündig ausgerichtet haben:
<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.



Offline OdfFhem

  • Hero Member
  • *****
  • Beiträge: 1161
Antw:[ftui3] Button Formatierung
« Antwort #1 am: 10 September 2022, 01:03:55 »
@stefan-dd

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

Linken sowie rechten Rand elimieren:
style="--padding-start:0em; --padding-end:0em;"

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

 

decade-submarginal