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?
.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;
}
Zitat von: stefan-dd am 18 September 2022, 22:07:21
...
..., ohne in der originalen CSS rum zu schreiben?
...
Da kommste zur Zeit nicht drumherum...
Nur mit extra js im Code, aber frisst dann Ressourcen...
das geht, wenn man dafür eine CSS-Variable einführt
background-size: var(--view-item-background-size, 100% 1px);
--view-item-background-size kann man dann im Theme festlegen oder direkt im HTML
ok, Danke