mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-22 07:53:39 +01:00
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);
|
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;
|
||||||
}
|
}
|
||||||
|
@ -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 {
|
||||||
|
@ -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%);
|
||||||
}
|
}
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user