nzambello/nzambello.dev
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix: menu backdrop safari

Browse source
This commit is contained in:
Nicola Zambello 2023-07-18 14:05:13 +02:00
parent dcdb697eab
commit dd2fe95742
Signed by: nzambello
GPG key ID: 56E4A92C2C1E50BA
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/Header.astro
View file

@ -123,20 +123,21 @@ import Logo from './Logo.astro';
.menu-backdrop { .menu-backdrop {
display: none; display: none;
}
#mobile-checkbox:checked ~ .mobile-icon-button .menu-backdrop {
display: block;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px); backdrop-filter: blur(5px);
z-index: 1; z-index: 1;
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
} }
#mobile-checkbox:checked ~ .mobile-icon-button .menu-backdrop {
display: block;
}
.mobile-icon-button-icon.icon-close { .mobile-icon-button-icon.icon-close {
display: none; display: none;
position: fixed; position: fixed;