[FTUI3] CSS überschreiben

[stefan-dd]

Ich möchte in der view-item.component.css die breite der Trennlinien ( background-size: 100% 2px;) verändern.
Wie mache ich das übergreifend für alle <ftui-view-item> Gruppen, ohne in der originalen CSS rum zu schreiben?

Code: [Auswählen]

.inner {
  flex: 1;
  display: flex;
  align-items: inherit;
  background-image: linear-gradient(to bottom,var(--view-border-color), var(--view-border-color) 50%, transparent 50%);
  background-size: 100% 2px;
  background-repeat: no-repeat;
  background-position: bottom;
  padding-inline-end: var(--view-item-padding-end, 0em);
  min-height: inherit;
  position: relative;
}

[mr_petz]

...
..., ohne in der originalen CSS rum zu schreiben?
...

Da kommste zur Zeit nicht drumherum...
Nur mit extra js im Code, aber frisst dann Ressourcen...

[setstate]

das geht, wenn man dafür eine CSS-Variable einführt

Code: [Auswählen]

background-size: var(--view-item-background-size, 100% 1px);

--view-item-background-size kann man dann im Theme festlegen oder direkt im HTML

[stefan-dd]

ok, Danke