From a96a7f0c82c1ca22e78c42120e104ed46b9b08aa Mon Sep 17 00:00:00 2001 From: Simon L Date: Thu, 11 Jan 2024 15:08:58 +0100 Subject: fix header-elements being not shown correctly Signed-off-by: Simon L --- core/css/header.scss | 3 +++ core/src/components/AppMenu.vue | 1 + 2 files changed, 4 insertions(+) diff --git a/core/css/header.scss b/core/css/header.scss index 2b87867da6e..7a0eb0546a7 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -171,6 +171,9 @@ /* Right header standard */ .header-right { + > .header-menu:not(.user-menu) { + filter: var(--background-image-invert-if-bright); + } > div, > form { height: 100%; diff --git a/core/src/components/AppMenu.vue b/core/src/components/AppMenu.vue index d6e5c9826dc..2213840a7c0 100644 --- a/core/src/components/AppMenu.vue +++ b/core/src/components/AppMenu.vue @@ -208,6 +208,7 @@ $header-icon-size: 20px; text-overflow: ellipsis; overflow: hidden; letter-spacing: -0.5px; + filter: var(--background-image-invert-if-bright); } &:hover, -- cgit v1.2.3