From ec4c47cbfc59aa6dde19aabb97d3618bdad42385 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 27 Aug 2025 15:53:53 +0530 Subject: [PATCH 1/5] fix(menu): Fix menu underline and active state as class is changed now with nc30 --- core/css/server.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/core/css/server.css b/core/css/server.css index bc66d62c..913b4edc 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -365,7 +365,7 @@ li.app-navigation-entry.app-navigation-entry--collapsible > a:hover, #header .app-menu .app-menu-entry.app-menu-entry__active[data-app-id^='external_index'] img { filter: none; } -#header .app-menu-main .app-menu-entry.app-menu-entry__active::before { +#header .app-menu__list .app-menu-entry.app-menu-entry__active::before { opacity: 0; } @@ -1270,10 +1270,10 @@ body.theme--highcontrast #header .app-menu li:hover a .app-menu-entry--label { transform: none; } -#header .app-menu-main:hover img, -#header .app-menu-main:focus-within img, -#header .app-menu-main .app-menu-entry:hover img, -#header .app-menu-main .app-menu-entry:focus img { +#header .app-menu__list:hover img, +#header .app-menu__list:focus-within img, +#header .app-menu__list .app-menu-entry:hover img, +#header .app-menu__list .app-menu-entry:focus img { margin-top: 0px; } @@ -1740,7 +1740,7 @@ body.theme--highcontrast svg.material-design-icon__svg { color: var(--color-text-lighter); } body.theme--dark #header .app-menu li a, -#header .app-menu-main .app-menu-entry { +#header .app-menu__list .app-menu-entry { opacity: 1; } -- GitLab From 3470d10d2ea91c0c137afdda2093761ebaa56fe6 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 27 Aug 2025 16:07:30 +0530 Subject: [PATCH 2/5] fix(menu): update app-menu-entry--active class --- core/css/server.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/core/css/server.css b/core/css/server.css index 913b4edc..ca2debb4 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -357,15 +357,15 @@ li.app-navigation-entry.app-navigation-entry--collapsible > a:hover, filter: var(--inactive-icon-filter); } -#header .app-menu .app-menu-entry.app-menu-entry__active img { +#header .app-menu .app-menu-entry.app-menu-entry--active img { filter: var(--active-icon-filter); } #header .app-menu .app-menu-entry[data-app-id^='external_index'] img, -#header .app-menu .app-menu-entry.app-menu-entry__active[data-app-id^='external_index'] img { +#header .app-menu .app-menu-entry.app-menu-entry--active[data-app-id^='external_index'] img { filter: none; } -#header .app-menu__list .app-menu-entry.app-menu-entry__active::before { +#header .app-menu__list .app-menu-entry.app-menu-entry--active::before { opacity: 0; } @@ -1759,11 +1759,11 @@ body.theme--highcontrast #header .app-menu li a { } #header .app-menu li:hover a, -#header .app-menu li.app-menu-entry__active a { +#header .app-menu li.app-menu-entry--active a { opacity: 1; } -body.theme--highcontrast #header .app-menu li.app-menu-entry__active a { +body.theme--highcontrast #header .app-menu li.app-menu-entry--active a { filter: invert(0); } body.theme--highcontrast #header .app-menu li .icon-more-white { -- GitLab From d902ed29494ded20de362866286fbf97a4589d04 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 28 Aug 2025 14:56:03 +0530 Subject: [PATCH 3/5] update header menu class fix to greyout icons --- core/css/server.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/core/css/server.css b/core/css/server.css index ca2debb4..b17fb1c6 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -1787,21 +1787,21 @@ body.theme--dark.theme--highcontrast #header .app-menu li:focus a { min-height: 70px; } -#header-menu-user-menu .header-menu__content .menu-entry img { +#header-menu-user-menu .header-menu__content .account-menu-entry img { filter: var(--inactive-icon-filter); opacity: 1; } -#user-menu.user-menu ul li a.active:not(:focus-visible), -#user-menu.user-menu ul li button.active:not(:focus-visible), -#user-menu.user-menu ul li a:active:not(:focus-visible), -#user-menu.user-menu ul li button.active:not(:focus-visible) +#user-menu.account-menu ul li a.active:not(:focus-visible), +#user-menu.account-menu ul li button.active:not(:focus-visible), +#user-menu.account-menu ul li a:active:not(:focus-visible), +#user-menu.account-menu ul li button.active:not(:focus-visible) { background-color: var(--color-primary-element-light); color: var(--color-main-text); } -#user-menu.user-menu ul li a:focus-visible, -#user-menu.user-menu ul li button.active:focus-visible { +#user-menu.account-menu ul li a:focus-visible, +#user-menu.account-menu ul li button.active:focus-visible { background-color: var(--color-primary-element-light); color: var(--color-main-text); box-shadow: none !important; -- GitLab From 4b760e9047758056984e0bea7ce0c90289939c5c Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 28 Aug 2025 15:44:02 +0530 Subject: [PATCH 4/5] update grey text on account menu --- core/css/server.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/core/css/server.css b/core/css/server.css index b17fb1c6..1e465eed 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -1791,6 +1791,10 @@ body.theme--dark.theme--highcontrast #header .app-menu li:focus a { filter: var(--inactive-icon-filter); opacity: 1; } +#header-menu-user-menu .header-menu__content .account-menu-entry .list-item-content__name { + color: var(--color-text-maxcontrast); +} +#header-menu-user-menu .header-menu__content .account-menu-entry #user-menu.account-menu ul li a.active:not(:focus-visible), #user-menu.account-menu ul li button.active:not(:focus-visible), #user-menu.account-menu ul li a:active:not(:focus-visible), -- GitLab From 41670413291f804a20c2df1c919ca539458d516b Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 28 Aug 2025 15:50:28 +0530 Subject: [PATCH 5/5] update grey text on account menu-active state --- core/css/server.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/core/css/server.css b/core/css/server.css index 1e465eed..e78ae700 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -1794,6 +1794,10 @@ body.theme--dark.theme--highcontrast #header .app-menu li:focus a { #header-menu-user-menu .header-menu__content .account-menu-entry .list-item-content__name { color: var(--color-text-maxcontrast); } +#header-menu-user-menu .header-menu__content .account-menu-entry.list-item__wrapper--active .list-item { + background-color: var(--color-primary-element-light); + color: var(--color-main-text); +} #header-menu-user-menu .header-menu__content .account-menu-entry #user-menu.account-menu ul li a.active:not(:focus-visible), #user-menu.account-menu ul li button.active:not(:focus-visible), -- GitLab