From d4ecde3ce958d113b2a212188e06467232998145 Mon Sep 17 00:00:00 2001 From: nathan Date: Wed, 17 Jul 2024 10:10:24 -0600 Subject: [PATCH] Bigger border on context menu --- api/js/egw_action/EgwMenuShoelace.ts | 7 ++++++- kdots/css/kdots.css | 5 +++++ kdots/css/less/light.less | 5 +++++ pixelegg/css/mobile.css | 3 +++ pixelegg/css/pixelegg.css | 3 +++ pixelegg/css/pixelegg.less | 4 +++- pixelegg/mobile/fw_mobile.css | 3 +++ 7 files changed, 28 insertions(+), 2 deletions(-) diff --git a/api/js/egw_action/EgwMenuShoelace.ts b/api/js/egw_action/EgwMenuShoelace.ts index e23f628a5a..660e6d5f2f 100644 --- a/api/js/egw_action/EgwMenuShoelace.ts +++ b/api/js/egw_action/EgwMenuShoelace.ts @@ -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; } diff --git a/kdots/css/kdots.css b/kdots/css/kdots.css index 862ab00d10..01844cb5a8 100644 --- a/kdots/css/kdots.css +++ b/kdots/css/kdots.css @@ -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 { diff --git a/kdots/css/less/light.less b/kdots/css/less/light.less index 7aa3c30d27..8e527d980b 100644 --- a/kdots/css/less/light.less +++ b/kdots/css/less/light.less @@ -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%); } \ No newline at end of file diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index 75a698cc28..3b237dedb0 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -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; diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index cc71391db3..1c1a20c6d7 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -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; diff --git a/pixelegg/css/pixelegg.less b/pixelegg/css/pixelegg.less index c5f946012e..7c30af9946 100644 --- a/pixelegg/css/pixelegg.less +++ b/pixelegg/css/pixelegg.less @@ -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; } diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index e582b2e9db..86394d63a0 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -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;