From 7298dff3227c8c2eca060ea24a938fc004373995 Mon Sep 17 00:00:00 2001
From: ralf <rb@egroupware.org>
Date: Tue, 3 Sep 2024 15:10:58 +0200
Subject: [PATCH] using bootstrap icons 7/5-square

---
 calendar/templates/pixelegg/app.css  | 14 +++++++++-----
 calendar/templates/pixelegg/app.less |  8 ++++----
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css
index 3de2ecfd25..24ab91d5ca 100755
--- a/calendar/templates/pixelegg/app.css
+++ b/calendar/templates/pixelegg/app.css
@@ -1317,8 +1317,12 @@ Hide subsequent headers in week view with non-consolidated owners
 }
 /**
  * Calendar Drag and Drop
- * Class for div to show forbiden drop
  */
+.calendar_d-n-d_helper {
+  position: absolute;
+  z-index: initial;
+}
+/* Class for div to show forbiden drop */
 .calendar_d-n-d_timeCounter > span {
   position: absolute;
   background-color: #808080;
@@ -2669,7 +2673,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
   width: calc(100% - 58px);
 }
 #calendar-toolbar_toolbar et2-switch .label.on span.off {
-  filter: invert(1);
+  filter: opacity(0.4);
 }
 #calendar-toolbar_toolbar et2-switch .label.on span.on {
   filter: none !important;
@@ -2680,7 +2684,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
   background-position: center;
   height: 28px;
   top: 0;
-  filter: invert(1);
+  filter: opacity(0.4);
 }
 #calendar-toolbar_toolbar et2-switch .label span.off {
   background-size: 18px 18px;
@@ -2696,11 +2700,11 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
   background: none;
 }
 #calendar-toolbar_toolbar #calendar-toolbar_toolbar-weekend .label span.on {
-  background-image: url(../../../api/templates/default/images/7_day_view.svg);
+  background-image: url(../../../node_modules/bootstrap-icons/icons/7-square.svg);
   width: 50%;
 }
 #calendar-toolbar_toolbar #calendar-toolbar_toolbar-weekend .label span.off {
-  background-image: url(../../../api/templates/default/images/5_day_view.svg);
+  background-image: url(../../../node_modules/bootstrap-icons/icons/5-square.svg);
   width: 50%;
 }
 /* ########################################################################################
diff --git a/calendar/templates/pixelegg/app.less b/calendar/templates/pixelegg/app.less
index 70f08cc7cc..8a509e2fab 100755
--- a/calendar/templates/pixelegg/app.less
+++ b/calendar/templates/pixelegg/app.less
@@ -1124,7 +1124,7 @@ div#calendar-container {
 #calendar-toolbar_toolbar {
 	et2-switch .label.on {
 		span.off {
-			filter: invert(1);
+			filter: opacity(.4);
 		}
 		span.on {
 			filter: none !important;
@@ -1138,7 +1138,7 @@ div#calendar-container {
 				background-position: center;
 				height: 28px;
 				top:0;
-				filter: invert(1);
+				filter: opacity(.4);
 			}
 			span.off {
 				background-size: 18px 18px;
@@ -1153,11 +1153,11 @@ div#calendar-container {
 		}
 	}
     #calendar-toolbar_toolbar-weekend .label span.on {
-	    background-image: url(../../../api/templates/default/images/7_day_view.svg);
+	    background-image: url(../../../node_modules/bootstrap-icons/icons/7-square.svg);
         width: 50%;
     }
     #calendar-toolbar_toolbar-weekend .label span.off {
-	    background-image: url(../../../api/templates/default/images/5_day_view.svg);
+	    background-image: url(../../../node_modules/bootstrap-icons/icons/5-square.svg);
         width: 50%;
     }
 }