fix: mobile menu backdrop
This commit is contained in:
parent
63e04f874a
commit
d7b1d7da7f
2 changed files with 5 additions and 2 deletions
|
@ -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;
|
||||||
|
|
|
@ -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%);
|
||||||
|
|
Loading…
Reference in a new issue