deblan/side_menu
deblan/side_menu
3
6
Fork 5
Code Issues 6 Pull requests 11 Projects Releases 119 Wiki Activity

add --background-invert-if-bright in top menu (fix #326)
Some checks failed
ci/woodpecker/pull_request_closed/woodpecker Pipeline was successful
Details
ci/woodpecker/push/woodpecker Pipeline was successful
Details
ci/woodpecker/pr/woodpecker Pipeline failed
Details

Browse source
This commit is contained in:
Simon Vieille 2024-02-12 23:19:43 +01:00
parent 0aa6767090
commit 83a2261838
Signed by: deblan
GPG key ID: 579388D585F70417
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/AppMenu.vue
View file

@ -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);