From 4d86731220ab26e5bf704953d4eee9c7647f5518 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Mon, 3 Feb 2020 16:18:25 +0100
Subject: [PATCH] Replace sidebox open/close menu icons with their svg versions

---
 pixelegg/css/pixelegg.css                | 24 +++++++++++++-----------
 pixelegg/less/layout_messages.less       |  3 ++-
 pixelegg/less/layout_raster_header.less  |  2 +-
 pixelegg/less/layout_raster_sidebar.less |  6 ++++--
 4 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index a41ccc89dd..bfd60318a7 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -1363,20 +1363,20 @@ span.ui-icon-search {
   box-shadow: -2px 1px 9px 3px #B4B4B4;
 }
 .ui-dialog .ui-dialog-buttonpane {
-  padding-left: .8em;
-  padding-right: .8em;
+  padding-left: 0.8em;
+  padding-right: 0.8em;
   padding-top: 0.7em;
 }
 .ui-dialog .ui-dialog-titlebar {
-  padding-left: .8em;
-  padding-right: .8em;
+  padding-left: 0.8em;
+  padding-right: 0.8em;
   font-size: 12pt;
   border: none;
   font-weight: normal;
   background: white;
 }
 .ui-dialog .ui-dialog-titlebar-close {
-  right: .8em;
+  right: 0.8em;
 }
 .ui-widget-content {
   border: 1px solid #B4B4B4;
@@ -3747,7 +3747,7 @@ td.lettersearch {
 }
 /*popup Messsage*/
 div#egwpopup_message {
-  background-color: .color_gray_0;
+  background-color: #FFFFFF;
   padding: 1em;
   overflow-y: auto;
 }
@@ -4137,7 +4137,7 @@ td.message span.message {
   padding: 5px 0px 5px 0px;
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items .timezone select {
-  width: calc(80%);
+  width: calc(100% - 20px);
   margin-left: 10px;
 }
 /* ###################################################
@@ -4499,9 +4499,10 @@ td.message span.message {
   padding: 0px 0px 0px 24px;
   line-height: 1em;
   font-size: 12px;
-  background-image: url(../images/arrow_right.png);
+  background-image: url(../images/arrow_right.svg);
   background-repeat: no-repeat;
   background-position: left center;
+  background-size: 12px;
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category div.egw_fw_ui_category:nth-last-of-type(-n+3) img.egw_fw_ui_sidemenu_listitem_icon {
   display: block;
@@ -4516,9 +4517,10 @@ td.message span.message {
   color: #f2f2f2;
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 {
-  background-image: url(../images/arrow_down_white.png);
+  background-image: url(../images/arrow_down.svg);
   line-height: 1em;
   font-size: 12px;
+  background-size: 12px;
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a {
   color: #FFF;
@@ -6077,7 +6079,7 @@ a.textSidebox {
   }
 }
 .egw-loading-prompt-container::before {
-  opacity: .3;
+  opacity: 0.3;
   content: "";
   background-color: #aaaaaa;
   width: 100%;
@@ -6156,7 +6158,7 @@ a.textSidebox {
   z-index: 999;
   width: 100px;
   border-radius: 5px;
-  border: solid 10px  #679FD2;
+  border: solid 10px #679FD2;
   transform: translate(-50%, -50%);
 }
 /**
diff --git a/pixelegg/less/layout_messages.less b/pixelegg/less/layout_messages.less
index 24022edbd7..7a27570a9d 100755
--- a/pixelegg/less/layout_messages.less
+++ b/pixelegg/less/layout_messages.less
@@ -16,6 +16,7 @@
 //##############################################################################################################
 
 
+
 #egwpopup {
 	top: 46px;
 	right:0px !important;
@@ -242,7 +243,7 @@
 
 /*popup Messsage*/
 div#egwpopup_message {
-	background-color: .color_gray_0;
+	background-color: @gray_0;
 	padding: 1em;
 	overflow-y: auto;
 }
diff --git a/pixelegg/less/layout_raster_header.less b/pixelegg/less/layout_raster_header.less
index 90059ec7d7..1127d6c087 100644
--- a/pixelegg/less/layout_raster_header.less
+++ b/pixelegg/less/layout_raster_header.less
@@ -252,7 +252,7 @@
 					padding: 5px 0px 5px 0px;
 				}
 				select {
-					width: calc(100% - 20px);
+					width: ~"calc(100% - 20px)";
 					margin-left: 10px;
 				}
 			}
diff --git a/pixelegg/less/layout_raster_sidebar.less b/pixelegg/less/layout_raster_sidebar.less
index 4220e46e21..8a4b5c46ea 100644
--- a/pixelegg/less/layout_raster_sidebar.less
+++ b/pixelegg/less/layout_raster_sidebar.less
@@ -201,9 +201,10 @@
                         padding: 0px 0px 0px 24px;
                         line-height: 1em;
                         .fontsize_l;
-                        background-image:url(../images/arrow_right.png);
+                        background-image:url(../images/arrow_right.svg);
                         background-repeat:no-repeat;
                         background-position:left center;
+						background-size: 12px;
                     }
 
                     div.egw_fw_ui_category:nth-last-of-type(-n+3) {
@@ -233,9 +234,10 @@
                     background-color: @egw_color_2_a;
                     .color_5_gray;
                     h1 {
-                        background-image:url(../images/arrow_down_white.png);
+                        background-image:url(../images/arrow_down.svg);
                         line-height: 1em;
                         font-size: 12px;
+						background-size: 12px;
 						a {
 							color: #FFF;
 							img {.dimension_width_height_s;}