Get contextmenu and toolbar icons react on hover like shoelace does

This commit is contained in:
Hadi Nategh 2022-08-17 15:51:57 +02:00
parent 3f461d0074
commit 3844363bde
3 changed files with 10 additions and 4 deletions

View File

@ -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;

View File

@ -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 {

View File

@ -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%);
}
}