Merge pull request 'add --background-invert-if-bright in top menu (fix #326)' (#327) from bugfix/issue326-menudark into develop
Some checks failed
ci/woodpecker/push/woodpecker Pipeline failed

Reviewed-on: #327
This commit is contained in:
Simon Vieille 2024-02-12 23:20:34 +01:00
commit 13fdd6c0d6

View file

@ -21,7 +21,10 @@
-->
<template>
<nav class="app-menu show">
<nav
class="app-menu show"
:aria-label="t('core', 'Applications menu')"
>
<ul
class="app-menu-main"
:class="{ 'app-menu-main__hidden-label': hiddenLabels === 1, 'app-menu-main__show-hovered': hiddenLabels === 2 }"
@ -214,7 +217,7 @@ $header-icon-size: 20px;
width: $header-icon-size;
height: $header-icon-size;
padding: calc((100% - $header-icon-size) / 2);
filter: var(--primary-invert-if-bright);
filter: var(--background-image-invert-if-bright, var(--primary-invert-if-bright));
}
.app-menu-entry--label {
@ -320,7 +323,7 @@ $header-icon-size: 20px;
}
img {
filter: var(--background-invert-if-bright);
filter: var(--background-invert-if-bright, var(--primary-invert-if-bright));
width: $header-icon-size;
height: $header-icon-size;
padding: calc((50px - $header-icon-size) / 2);