From 11a3ef54b74af7109989cbe41c41f71f573e5f97 Mon Sep 17 00:00:00 2001
From: ralf <rb@egroupware.org>
Date: Fri, 13 Sep 2024 10:02:05 +0200
Subject: [PATCH] replace caret-icons in sidebox with (colorable) bootstrap
 font instead of using the (black) svg images

---
 pixelegg/less/layout_raster_sidebar.less | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/pixelegg/less/layout_raster_sidebar.less b/pixelegg/less/layout_raster_sidebar.less
index 554ba54681..5c257cd07c 100644
--- a/pixelegg/less/layout_raster_sidebar.less
+++ b/pixelegg/less/layout_raster_sidebar.less
@@ -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);}
 			}