From b5b182dc10ad75fe3dc4721bdf51998f9cf6827e Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Wed, 12 Dec 2018 12:16:44 +0100
Subject: [PATCH] W.I.P. of modern theme: - Make color borders thinner

---
 pixelegg/css/modern.css  | 51 ++++++++++++++++++++++++++++++++++++++++
 pixelegg/css/modern.less | 26 ++++++++++++++++++++
 2 files changed, 77 insertions(+)

diff --git a/pixelegg/css/modern.css b/pixelegg/css/modern.css
index 9ab2d4db77..864d2784d3 100644
--- a/pixelegg/css/modern.css
+++ b/pixelegg/css/modern.css
@@ -6587,6 +6587,9 @@ form[id^="wiki-"] .dialogHeadbar {
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(51, 51, 153, 0.3);
 }
+#addressbook_sidebox_header {
+  border-left: 4px solid #333399 !important;
+}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #addressbook-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
   border-bottom: 4px solid;
   border-bottom-color: #333399;
@@ -6595,6 +6598,9 @@ form[id^="wiki-"] .dialogHeadbar {
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(0, 115, 206, 0.3);
 }
+#admin_sidebox_header {
+  border-left: 4px solid #0073ce !important;
+}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #admin-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
   border-bottom: 4px solid;
   border-bottom-color: #0073ce;
@@ -6603,6 +6609,9 @@ form[id^="wiki-"] .dialogHeadbar {
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(219, 0, 135, 0.3);
 }
+#bookmarks_sidebox_header {
+  border-left: 4px solid #db0087 !important;
+}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #bookmarks-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
   border-bottom: 4px solid;
   border-bottom-color: #db0087;
@@ -6611,6 +6620,9 @@ form[id^="wiki-"] .dialogHeadbar {
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(204, 0, 51, 0.3);
 }
+#calendar_sidebox_header {
+  border-left: 4px solid #CC0033 !important;
+}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #calendar-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
   border-bottom: 4px solid;
   border-bottom-color: #CC0033;
@@ -6619,6 +6631,9 @@ form[id^="wiki-"] .dialogHeadbar {
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(249, 215, 48, 0.3);
 }
+#filemanager_sidebox_header {
+  border-left: 4px solid #F9d730 !important;
+}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #filemanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
   border-bottom: 4px solid;
   border-bottom-color: #F9d730;
@@ -6627,6 +6642,9 @@ form[id^="wiki-"] .dialogHeadbar {
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(255, 185, 54, 0.3);
 }
+#infolog_sidebox_header {
+  border-left: 4px solid #FFB936 !important;
+}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #infolog-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
   border-bottom: 4px solid;
   border-bottom-color: #FFB936;
@@ -6635,6 +6653,9 @@ form[id^="wiki-"] .dialogHeadbar {
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(71, 178, 212, 0.3);
 }
+#mail_sidebox_header {
+  border-left: 4px solid #47b2d4 !important;
+}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
   border-bottom: 4px solid;
   border-bottom-color: #47b2d4;
@@ -6643,6 +6664,9 @@ form[id^="wiki-"] .dialogHeadbar {
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(117, 222, 39, 0.3);
 }
+#projectmanager_sidebox_header {
+  border-left: 4px solid #75de27 !important;
+}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #projectmanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
   border-bottom: 4px solid;
   border-bottom-color: #75de27;
@@ -6651,6 +6675,9 @@ form[id^="wiki-"] .dialogHeadbar {
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(0, 153, 102, 0.3);
 }
+#resources_sidebox_header {
+  border-left: 4px solid #009966 !important;
+}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #resources-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
   border-bottom: 4px solid;
   border-bottom-color: #009966;
@@ -6659,6 +6686,9 @@ form[id^="wiki-"] .dialogHeadbar {
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(157, 21, 234, 0.3);
 }
+#timesheet_sidebox_header {
+  border-left: 4px solid #9d15ea !important;
+}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #timesheet-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
   border-bottom: 4px solid;
   border-bottom-color: #9d15ea;
@@ -6667,6 +6697,9 @@ form[id^="wiki-"] .dialogHeadbar {
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(0, 102, 102, 0.3);
 }
+#tracker_sidebox_header {
+  border-left: 4px solid #006666 !important;
+}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #tracker-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
   border-bottom: 4px solid;
   border-bottom-color: #006666;
@@ -6675,6 +6708,9 @@ form[id^="wiki-"] .dialogHeadbar {
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(121, 121, 121, 0.3);
 }
+#wiki_sidebox_header {
+  border-left: 4px solid #797979 !important;
+}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #wiki-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
   border-bottom: 4px solid;
   border-bottom-color: #797979;
@@ -6727,3 +6763,18 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
 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 {
+  border-left: 4px solid transparent;
+}
+.et2_taglist_category span[class*="cat_"] {
+  width: 4px;
+}
+.et2_taglist_category.et2_taglist_single span[class*="cat_"] {
+  height: 1.5em;
+  margin-bottom: -6px;
+  position: absolute;
+  margin-left: -8px;
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
diff --git a/pixelegg/css/modern.less b/pixelegg/css/modern.less
index 7e040ea94c..d203e1bb02 100644
--- a/pixelegg/css/modern.less
+++ b/pixelegg/css/modern.less
@@ -16,6 +16,7 @@
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
 	background-color: fade(@addressbook-color, 30%);
 }
+#addressbook_sidebox_header {border-left:4px solid @addressbook-color !important;}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #addressbook-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
 	border-bottom: 4px solid;
 	border-bottom-color: @addressbook-color;
@@ -25,6 +26,7 @@
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
 	background-color: fade(@admin-color, 30%);
 }
+#admin_sidebox_header {border-left:4px solid @admin-color !important;}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #admin-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
 	border-bottom: 4px solid;
 	border-bottom-color: @admin-color;
@@ -34,6 +36,7 @@
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
 	background-color: fade(@bookmarks-color, 30%);
 }
+#bookmarks_sidebox_header {border-left:4px solid @bookmarks-color !important;}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #bookmarks-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
 	border-bottom: 4px solid;
 	border-bottom-color: @bookmarks-color;
@@ -44,6 +47,7 @@
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
 	background-color: fade(@calendar-color, 30%);
 }
+#calendar_sidebox_header {border-left:4px solid @calendar-color !important;}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #calendar-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
 	border-bottom: 4px solid;
 	border-bottom-color: @calendar-color;
@@ -53,6 +57,7 @@
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
 	background-color: fade(@filemanager-color, 30%);
 }
+#filemanager_sidebox_header {border-left:4px solid @filemanager-color !important;}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #filemanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
 	border-bottom: 4px solid;
 	border-bottom-color: @filemanager-color;
@@ -62,6 +67,7 @@
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
 	background-color: fade(@infolog-color, 30%);
 }
+#infolog_sidebox_header {border-left:4px solid @infolog-color !important;}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #infolog-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
 	border-bottom: 4px solid;
 	border-bottom-color: @infolog-color;
@@ -71,6 +77,7 @@
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
 	background-color: fade(@mail-color, 30%);
 }
+#mail_sidebox_header {border-left:4px solid @mail-color !important;}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
 	border-bottom: 4px solid;
 	border-bottom-color: @mail-color;
@@ -80,6 +87,7 @@
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
 	background-color: fade(@projectmanager-color, 30%);
 }
+#projectmanager_sidebox_header {border-left:4px solid @projectmanager-color !important;}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #projectmanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
 	border-bottom: 4px solid;
 	border-bottom-color: @projectmanager-color;
@@ -89,6 +97,7 @@
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
 	background-color: fade(@resources-color, 30%);
 }
+#resources_sidebox_header {border-left:4px solid @resources-color !important;}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #resources-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
 	border-bottom: 4px solid;
 	border-bottom-color: @resources-color;
@@ -99,6 +108,7 @@
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
 	background-color: fade(@timesheet-color, 30%);
 }
+#timesheet_sidebox_header {border-left:4px solid @timesheet-color !important;}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #timesheet-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
 	border-bottom: 4px solid;
 	border-bottom-color: @timesheet-color;
@@ -108,6 +118,7 @@
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
 	background-color: fade(@tracker-color, 30%);
 }
+#tracker_sidebox_header {border-left:4px solid @tracker-color !important;}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #tracker-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
 	border-bottom: 4px solid;
 	border-bottom-color: @tracker-color;
@@ -117,6 +128,7 @@
 #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
 	background-color: fade(@wiki-color, 30%);
 }
+#wiki_sidebox_header {border-left:4px solid @wiki-color !important;}
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #wiki-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
 	border-bottom: 4px solid;
 	border-bottom-color: @wiki-color;
@@ -184,4 +196,18 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
 }
 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 {
+    border-left: 4px solid transparent;
+}
+
+.et2_taglist_category span[class*="cat_"] {width:4px;}
+.et2_taglist_category.et2_taglist_single span[class*="cat_"] {
+    height: 1.5em;
+    margin-bottom: -6px;
+    position: absolute;
+    margin-left: -8px;
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
 }
\ No newline at end of file