Fix: change background of selected menu item corner for grey background

This commit is contained in:
Jorit Tijsen
2024-05-15 14:05:05 +02:00
parent d495cdde37
commit 9ae62ab798
3 changed files with 24 additions and 5 deletions

View File

@@ -61,7 +61,9 @@
display: block;
width: 33px;
height: 25px;
background-image: URL('/images/menu-corner-1.svg');
-webkit-mask-image: URL("/images/menu-corner-1.svg");
mask-image: URL("/images/menu-corner-1.svg");
background-color: white;
position: absolute;
top: 0;
left: 0;
@@ -73,7 +75,9 @@
display: block;
width: 12px;
height: 15px;
background-image: URL('/images/menu-corner-2.svg');
-webkit-mask-image: URL("/images/menu-corner-2.svg");
mask-image: URL("/images/menu-corner-2.svg");
background-color: white;
position: absolute;
bottom: 0;
right: -1px;
@@ -419,6 +423,7 @@
nav {
> div {
background: $container-bg;
border-color: $container-bg;
}
}
@@ -428,6 +433,12 @@
background: $container-bg;
}
&.selected a, &:hover a, &.hover a {
&:before, &:after {
background-color: $container-bg;
}
}
&:last-child {
&:after {
background: $container-bg;