fix: mobile menu backdrop

This commit is contained in:
kolaente 2022-03-22 23:00:43 +01:00
parent 63e04f874a
commit d7b1d7da7f
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 5 additions and 2 deletions

View file

@ -264,7 +264,9 @@ store.dispatch('labels/loadAllLabels')
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
background: rgba(250, 250, 250, 0.8); height: 100vh;
width: 100vw;
background: hsla(var(--grey-100-hsl), 0.8);
z-index: 5; z-index: 5;
opacity: 0; opacity: 0;
transition: all $transition; transition: all $transition;

View file

@ -3,7 +3,8 @@
:root { :root {
// Vikunja specific variables // Vikunja specific variables
--grey-50: hsl(210, 20%, 98%); --grey-50: hsl(210, 20%, 98%);
--grey-100: hsl(220, 14.3%, 95.9%); --grey-100-hsl: 220, 14.3%, 95.9%;
--grey-100: hsl(var(--grey-100-hsl));
--grey-200: hsl(220, 13%, 91%); --grey-200: hsl(220, 13%, 91%);
--grey-300: hsl(216, 12.2%, 83.9%); --grey-300: hsl(216, 12.2%, 83.9%);
--grey-400: hsl(217.9, 10.6%, 64.9%); --grey-400: hsl(217.9, 10.6%, 64.9%);