Bigger border on context menu
This commit is contained in:
parent
bf383fbbb4
commit
d4ecde3ce9
|
@ -20,6 +20,10 @@ export class EgwMenuShoelace extends LitElement
|
|||
font-weight: var(--sl-font-weight-bold, bold);
|
||||
}
|
||||
|
||||
sl-menu {
|
||||
box-shadow: var(--sl-shadow-x-large);
|
||||
}
|
||||
|
||||
sl-menu-item::part(base) {
|
||||
height: 1.7em;
|
||||
line-height: var(--sl-line-height-dense);
|
||||
|
@ -133,7 +137,8 @@ export class EgwMenuShoelace extends LitElement
|
|||
|
||||
handleSelect(event)
|
||||
{
|
||||
if(!this.popup)
|
||||
// If not open or from a sub-menu, skip
|
||||
if(!this.popup || event.target !== this.menu)
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
|
|
@ -23,6 +23,11 @@ html,
|
|||
--sl-color-primary-800: #0051c5;
|
||||
--sl-color-primary-900: #003a8d;
|
||||
--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"],
|
||||
.sl-theme-dark {
|
||||
|
|
|
@ -15,4 +15,9 @@
|
|||
--sl-color-primary-900: rgb(0 58 141);
|
||||
--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%);
|
||||
}
|
|
@ -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 {
|
||||
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 {
|
||||
border-left: 4px solid transparent;
|
||||
|
|
|
@ -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 {
|
||||
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 {
|
||||
border-left: 4px solid transparent;
|
||||
|
|
|
@ -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 {
|
||||
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 {
|
||||
border-left: 4px solid transparent;
|
||||
}
|
||||
|
|
|
@ -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 {
|
||||
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 {
|
||||
border-left: 4px solid transparent;
|
||||
|
|
Loading…
Reference in New Issue