X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Flistbox.css;h=6a970d14cf728a4f4098da5171a34466696e9c06;hp=1d750655dcdee364b23d6323c65c8ee152e077df;hb=dae4507500ac2bc6547a8303851bc9b0bcae5ddf;hpb=1e32332fe703b0d8d949023f18fe4ad7bb847c51 diff --git a/LCARStrek/global/listbox.css b/LCARStrek/global/listbox.css index 1d750655..6a970d14 100644 --- a/LCARStrek/global/listbox.css +++ b/LCARStrek/global/listbox.css @@ -28,50 +28,69 @@ listbox[disabled="true"] { listitem { border: 1px solid transparent; + + --listitem-selectedColor: #000000; + --listitem-selectedBackground: #008484; + --listitem-selectedFocusColor: #FFCF00; + --listitem-selectedFocusBackground: var(--listitem-selectedBackground); + --listitem-focusCurrentBorder: #FF9F00; + --listitem-selectedFocusCurrentBorder: var(--listitem-focusCurrentBorder); } listbox:-moz-focusring > listitem[current="true"] { - border: 1px dotted #FF9F00; + border: 1px dotted var(--listitem-focusCurrentBorder); } listbox:-moz-focusring > listitem[current="true"][selected="true"] { - border: 1px dotted #FF9F00; + border: 1px dotted var(--listitem-selectedFocusCurrentBorder); } listitem[selected="true"] { - background-color: #008484; - color: #000000; + background-color: var(--listitem-selectedBackground); + color: var(--listitem-selectedColor); } listbox:focus > listitem[selected="true"] { - background-color: #008484; - color: #FFCF00; + background-color: var(--listitem-selectedFocusBackground); + color: var(--listitem-selectedFocusColor); } /* ::::: listheader ::::: */ listheader { -moz-box-align: center; - border: 1px solid #FFCF00; + border: 1px solid #FF9F00; + border-top-left-radius: 3px; + border-top-right-radius: 3px; background-color: #9C9CFF; color: #000000; - padding: 0 4px; + padding: 0; +} + +listheader > treecol { + border-inline-start: none; + border-top: none; + border-bottom: none; +} + +listheader > treecol:last-child { + border-inline-end: none; } listheader[sortable="true"]:hover:active { - border: 1px solid #FFCF00; + border: 1px solid #FF9F00; padding-top: 1px; padding-bottom: 0px; - -moz-padding-start: 5px; - -moz-padding-end: 4px; + padding-inline-start: 5px; + padding-inline-end: 4px; } .listheader-icon { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .listheader-label { - margin: 0px !important; + margin: 0 4px !important; } /* ..... sort direction icon ..... */ @@ -94,13 +113,13 @@ listheader[sortable="true"]:hover:active { margin: 0px !important; padding-top: 0px; padding-bottom: 1px; - -moz-padding-start: 4px; - -moz-padding-end: 0px; + padding-inline-start: 4px; + padding-inline-end: 0px; white-space: nowrap; } .listcell-icon { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .listcell-label[disabled="true"] {