replace caret-icons in sidebox with (colorable) bootstrap font instead of using the (black) svg images

This commit is contained in:
ralf 2024-09-13 10:02:05 +02:00
parent 6105f02459
commit 11a3ef54b7

View File

@ -220,14 +220,22 @@
h1,h2 {
margin: 5px 0px 3px 5px;
padding: 0px 0px 0px 24px;
line-height: 1em;
.fontsize_l;
font-weight: normal;
background-image:url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg);
background-repeat:no-repeat;
background-position:left center;
background-size: 12px;
}
h1::before,h2::before {
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f231 "; /* caret-right-fill */
}
h2 {
@ -261,7 +269,6 @@
background-color: @egw_color_2_a;
h1,h2 {
.color_5_gray;
background-image:url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg);
line-height: 1em;
font-size: 12px;
background-size: 12px;
@ -278,6 +285,9 @@
}
}
}
h1::before,h2::before {
content: "\f229 "; /* caret-down-fill */
}
&:hover {background-color: @egw_color_2_d; .transition (0.2s, ease-out);}
}