Merge pull request 'add --background-invert-if-bright in top menu (fix #326)' (#327) from bugfix/issue326-menudark into develop
Reviewed-on: https://gitnet.fr/deblan/side_menu/pulls/327
This commit is contained in:
+6
-3
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user