www
/
www-new
12
3
Fork 5
Code Issues 58 Pull Requests 42 Projects Releases Wiki Activity

Fix weird animation flash on mobile
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Aditya Thakral 2021-07-27 15:27:20 -04:00
parent 0043c3f949
commit 5b8658dc43
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/Navbar.module.css
View File

@ -152,6 +152,11 @@
visibility: visible; visibility: visible;
} }
/* Prevents a weird flash of opacity change on mobile */
.navMobileBackground {
opacity: 0;
}
/* On a smaller desktop screen, keep the same navbar layout but decrease the /* On a smaller desktop screen, keep the same navbar layout but decrease the
* horizontal padding so it still fits * horizontal padding so it still fits
*/ */
@ -237,7 +242,7 @@
box-sizing: border-box; box-sizing: border-box;
height: 100%; height: 100%;
top: 0; top: 0;
right: 0; left: 100%;
overflow: auto; overflow: auto;
z-index: 30; z-index: 30;
@ -246,7 +251,6 @@
background-color: var(--secondary-background); background-color: var(--secondary-background);
transform: translateX(100vw);
transition: 0.5s; transition: 0.5s;
} }
@ -364,7 +368,7 @@
} }
.show.navMobileBackground + .navMenuWrapper { .show.navMobileBackground + .navMenuWrapper {
transform: translateX(0); transform: translateX(-100%);
} }
.rotate { .rotate {