Bigger border on context menu

This commit is contained in:
nathan 2024-07-17 10:10:24 -06:00
parent bf383fbbb4
commit d4ecde3ce9
7 changed files with 28 additions and 2 deletions

View File

@ -20,6 +20,10 @@ export class EgwMenuShoelace extends LitElement
font-weight: var(--sl-font-weight-bold, bold); font-weight: var(--sl-font-weight-bold, bold);
} }
sl-menu {
box-shadow: var(--sl-shadow-x-large);
}
sl-menu-item::part(base) { sl-menu-item::part(base) {
height: 1.7em; height: 1.7em;
line-height: var(--sl-line-height-dense); line-height: var(--sl-line-height-dense);
@ -133,7 +137,8 @@ export class EgwMenuShoelace extends LitElement
handleSelect(event) handleSelect(event)
{ {
if(!this.popup) // If not open or from a sub-menu, skip
if(!this.popup || event.target !== this.menu)
{ {
return; return;
} }

View File

@ -23,6 +23,11 @@ html,
--sl-color-primary-800: #0051c5; --sl-color-primary-800: #0051c5;
--sl-color-primary-900: #003a8d; --sl-color-primary-900: #003a8d;
--sl-color-primary-950: #002458; --sl-color-primary-950: #002458;
--sl-shadow-x-small: 0 1px 2px hsla(240, 3.8%, 46.1%, 0.24);
--sl-shadow-small: 0 1px 2px hsla(240, 3.8%, 46.1%, 0.48);
--sl-shadow-medium: 0 2px 4px hsla(240, 3.8%, 46.1%, 0.48);
--sl-shadow-large: 0 2px 8px hsla(240, 3.8%, 46.1%, 0.48);
--sl-shadow-x-large: 0 4px 16px hsla(240, 3.8%, 46.1%, 0.48);
} }
html[data-darkmode="1"], html[data-darkmode="1"],
.sl-theme-dark { .sl-theme-dark {

View File

@ -15,4 +15,9 @@
--sl-color-primary-900: rgb(0 58 141); --sl-color-primary-900: rgb(0 58 141);
--sl-color-primary-950: rgb(0 36 88); --sl-color-primary-950: rgb(0 36 88);
--sl-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 24%);
--sl-shadow-small: 0 1px 2px hsl(240 3.8% 46.1% / 48%);
--sl-shadow-medium: 0 2px 4px hsl(240 3.8% 46.1% / 48%);
--sl-shadow-large: 0 2px 8px hsl(240 3.8% 46.1% / 48%);
--sl-shadow-x-large: 0 4px 16px hsl(240 3.8% 46.1% / 48%);
} }

View File

@ -7141,6 +7141,9 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow { div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow {
background-image: url('../../api/templates/default/images/dhxmenu_subar.svg'); background-image: url('../../api/templates/default/images/dhxmenu_subar.svg');
} }
body > .egw_menu egw-menu-shoelace {
box-shadow: 0px 0px 2px 2px var(--sl-color-neutral-500);
}
.egwGridView_scrollarea tr.row_category > td:first-child, .egwGridView_scrollarea tr.row_category > td:first-child,
.select-cat li { .select-cat li {
border-left: 4px solid transparent; border-left: 4px solid transparent;

View File

@ -7131,6 +7131,9 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow { div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow {
background-image: url('../../api/templates/default/images/dhxmenu_subar.svg'); background-image: url('../../api/templates/default/images/dhxmenu_subar.svg');
} }
body > .egw_menu egw-menu-shoelace {
box-shadow: 0px 0px 2px 2px var(--sl-color-neutral-500);
}
.egwGridView_scrollarea tr.row_category > td:first-child, .egwGridView_scrollarea tr.row_category > td:first-child,
.select-cat li { .select-cat li {
border-left: 4px solid transparent; border-left: 4px solid transparent;

View File

@ -390,7 +390,9 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow { div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow {
background-image: url('../../api/templates/default/images/dhxmenu_subar.svg'); background-image: url('../../api/templates/default/images/dhxmenu_subar.svg');
} }
body > .egw_menu egw-menu-shoelace {
box-shadow: 0px 0px 2px 2px var(--sl-color-neutral-500);
}
.egwGridView_scrollarea tr.row_category > td:first-child, .select-cat li { .egwGridView_scrollarea tr.row_category > td:first-child, .select-cat li {
border-left: 4px solid transparent; border-left: 4px solid transparent;
} }

View File

@ -6949,6 +6949,9 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow { div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow {
background-image: url('../../api/templates/default/images/dhxmenu_subar.svg'); background-image: url('../../api/templates/default/images/dhxmenu_subar.svg');
} }
body > .egw_menu egw-menu-shoelace {
box-shadow: 0px 0px 2px 2px var(--sl-color-neutral-500);
}
.egwGridView_scrollarea tr.row_category > td:first-child, .egwGridView_scrollarea tr.row_category > td:first-child,
.select-cat li { .select-cat li {
border-left: 4px solid transparent; border-left: 4px solid transparent;