From 3844363bde7f7eb6f34b3afac14b150b284ac07f Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Wed, 17 Aug 2022 15:51:57 +0200 Subject: [PATCH] Get contextmenu and toolbar icons react on hover like shoelace does --- api/templates/default/etemplate2.css | 2 +- pixelegg/css/pixelegg.css | 6 +++++- pixelegg/less/layout_dhtmlSubmenu.less | 6 ++++-- 3 files changed, 10 insertions(+), 4 deletions(-) diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css index 3b66a558c2..59bbe73a74 100644 --- a/api/templates/default/etemplate2.css +++ b/api/templates/default/etemplate2.css @@ -2894,7 +2894,7 @@ div.et2_toolbar.ui-widget-header { background-color: var(--sl-color-primary-600); color: var(--sl-color-neutral-0); } - +.et2_toolbar .ui-toolbar-menulist > *:hover::part(prefix) {filter:invert(1) brightness(5);} .et2_toolbar .ui-toolbar-menulist > *:hover::part(label){color: var(--sl-color-neutral-0);} .nextmatch_header_row et2-button::part(container) { height: 18px; diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index ecf12e20fc..01c32d9f99 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -3174,7 +3174,11 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub background-color: hsl(200, 98%, 39%) !important; background-image: none !important; } -div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected div.sub_item_text { +div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_icon img.sub_icon { + filter: invert(1) brightness(5); +} +div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected div.sub_item_text, +div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_hk div.sub_item_hk { color: hsl(0, 0%, 100%); } div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_sep { diff --git a/pixelegg/less/layout_dhtmlSubmenu.less b/pixelegg/less/layout_dhtmlSubmenu.less index 962ffeedff..31a96e06cb 100644 --- a/pixelegg/less/layout_dhtmlSubmenu.less +++ b/pixelegg/less/layout_dhtmlSubmenu.less @@ -28,11 +28,13 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon{ } tr.sub_item_selected { td.sub_item_icon { - + img.sub_icon { + filter: invert(1) brightness(5); + } } background-color: hsl(200deg 98% 39%) !important; background-image: none !important; - div.sub_item_text { + div.sub_item_text, td.sub_item_hk div.sub_item_hk { color: hsl(0deg 0% 100%); } }