add --background-invert-if-bright in top menu (fix #326)
This commit is contained in:
parent
0aa6767090
commit
83a2261838
|
@ -21,7 +21,10 @@
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<nav class="app-menu show">
|
<nav
|
||||||
|
class="app-menu show"
|
||||||
|
:aria-label="t('core', 'Applications menu')"
|
||||||
|
>
|
||||||
<ul
|
<ul
|
||||||
class="app-menu-main"
|
class="app-menu-main"
|
||||||
:class="{ 'app-menu-main__hidden-label': hiddenLabels === 1, 'app-menu-main__show-hovered': hiddenLabels === 2 }"
|
: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;
|
width: $header-icon-size;
|
||||||
height: $header-icon-size;
|
height: $header-icon-size;
|
||||||
padding: calc((100% - $header-icon-size) / 2);
|
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 {
|
.app-menu-entry--label {
|
||||||
|
@ -320,7 +323,7 @@ $header-icon-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
filter: var(--background-invert-if-bright);
|
filter: var(--background-invert-if-bright, var(--primary-invert-if-bright));
|
||||||
width: $header-icon-size;
|
width: $header-icon-size;
|
||||||
height: $header-icon-size;
|
height: $header-icon-size;
|
||||||
padding: calc((50px - $header-icon-size) / 2);
|
padding: calc((50px - $header-icon-size) / 2);
|
||||||
|
|
Loading…
Reference in a new issue