From 235c7e27b9fdf4fc067b3b6af36c35b0528e3ff6 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Fri, 22 Mar 2019 09:57:18 +0100
Subject: [PATCH] Gray filter app icons inside contextmenu and remove gray
 background

---
 pixelegg/css/mobile.css                | 11 +++++++++++
 pixelegg/css/monochrome.css            | 11 +++++++++++
 pixelegg/css/pixelegg.css              | 14 +++++++++++---
 pixelegg/css/pixelegg.less             |  2 +-
 pixelegg/less/layout_dhtmlSubmenu.less |  9 +++++++++
 pixelegg/mobile/fw_mobile.css          | 11 +++++++++++
 6 files changed, 54 insertions(+), 4 deletions(-)

diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 32ce360534..eafba7b0b6 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -2948,6 +2948,11 @@ table.table_passord_change td:first-child {
  * @package pixelegg
  * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
  */
+div.dhtmlxMenu_egw_SubLevelArea_Polygon {
+  background: white;
+  border: 1px solid transparent;
+  border-radius: 2px;
+}
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_icon {
   /*filter grey*/
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
@@ -2960,6 +2965,9 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
   filter: gray;
   /* IE 6-9 */
 }
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_hk div.sub_item_hk {
+  color: #373f3f;
+}
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected {
   background-color: #ffc200 !important;
   background-image: none !important;
@@ -2976,6 +2984,9 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
   filter: gray;
   /* IE 6-9 */
 }
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_sep {
+  border-top: 1px solid #E6E6E6;
+}
 /**
  * EGroupware: Stylite Pixelegg template
  *
diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css
index 6b157366d5..6710037ebb 100644
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@@ -2937,6 +2937,11 @@ table.table_passord_change td:first-child {
  * @package pixelegg
  * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
  */
+div.dhtmlxMenu_egw_SubLevelArea_Polygon {
+  background: white;
+  border: 1px solid transparent;
+  border-radius: 2px;
+}
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_icon {
   /*filter grey*/
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
@@ -2949,6 +2954,9 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
   filter: gray;
   /* IE 6-9 */
 }
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_hk div.sub_item_hk {
+  color: #373f3f;
+}
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected {
   background-color: #ffc200 !important;
   background-image: none !important;
@@ -2965,6 +2973,9 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
   filter: gray;
   /* IE 6-9 */
 }
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_sep {
+  border-top: 1px solid #E6E6E6;
+}
 /**
  * EGroupware: Stylite Pixelegg template
  *
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index b270aeb367..93786754a2 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -2948,6 +2948,11 @@ table.table_passord_change td:first-child {
  * @package pixelegg
  * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
  */
+div.dhtmlxMenu_egw_SubLevelArea_Polygon {
+  background: white;
+  border: 1px solid transparent;
+  border-radius: 2px;
+}
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_icon {
   /*filter grey*/
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
@@ -2960,6 +2965,9 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
   filter: gray;
   /* IE 6-9 */
 }
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_hk div.sub_item_hk {
+  color: #373f3f;
+}
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected {
   background-color: #ffc200 !important;
   background-image: none !important;
@@ -2976,6 +2984,9 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
   filter: gray;
   /* IE 6-9 */
 }
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_sep {
+  border-top: 1px solid #E6E6E6;
+}
 /**
  * EGroupware: Stylite Pixelegg template
  *
@@ -6751,9 +6762,6 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
   background-color: transparent;
   background-image: none;
 }
-div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_icon {
-  filter: none;
-}
 .egwGridView_scrollarea tr.row_category > td:first-child,
 .select-cat li,
 .et2_selectbox .chzn-results li,
diff --git a/pixelegg/css/pixelegg.less b/pixelegg/css/pixelegg.less
index 652c51eb37..7712204500 100644
--- a/pixelegg/css/pixelegg.less
+++ b/pixelegg/css/pixelegg.less
@@ -332,7 +332,7 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
 	background-image: none;
 }
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_icon {
-	filter: none;
+	
 }
 
 .egwGridView_scrollarea tr.row_category > td:first-child, .select-cat li,
diff --git a/pixelegg/less/layout_dhtmlSubmenu.less b/pixelegg/less/layout_dhtmlSubmenu.less
index f3261e7614..2ed4db7207 100644
--- a/pixelegg/less/layout_dhtmlSubmenu.less
+++ b/pixelegg/less/layout_dhtmlSubmenu.less
@@ -14,11 +14,17 @@
 @import (reference) "definitions.less";
 
 div.dhtmlxMenu_egw_SubLevelArea_Polygon{
+	background: white;
+	border: 1px solid transparent;
+	border-radius: 2px;
     table.dhtmlxMebu_SubLevelArea_Tbl{
         tr.sub_item  {
 			td.sub_item_icon {
 				.img_filter_gray;
 			}
+			td.sub_item_hk div.sub_item_hk {
+				color: #373f3f;
+			}
 		}
 		tr.sub_item_selected  {
 			td.sub_item_icon {
@@ -27,5 +33,8 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon{
 			background-color: @egw_color_1_a !important;
 			background-image: none !important;
 		}
+		div.sub_sep {
+			border-top: 1px solid #E6E6E6;
+		}
 	}
 }
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 52096b0d97..a3fc000054 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -2959,6 +2959,11 @@ table.table_passord_change td:first-child {
  * @package pixelegg
  * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
  */
+div.dhtmlxMenu_egw_SubLevelArea_Polygon {
+  background: white;
+  border: 1px solid transparent;
+  border-radius: 2px;
+}
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_icon {
   /*filter grey*/
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
@@ -2971,6 +2976,9 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
   filter: gray;
   /* IE 6-9 */
 }
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_hk div.sub_item_hk {
+  color: #373f3f;
+}
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected {
   background-color: #ffc200 !important;
   background-image: none !important;
@@ -2987,6 +2995,9 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
   filter: gray;
   /* IE 6-9 */
 }
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_sep {
+  border-top: 1px solid #E6E6E6;
+}
 /**
  * EGroupware: Stylite Pixelegg template
  *