SidebarMenu: fix opening/closing animation

profile-avatar-switcher
Alex Gleason 2021-09-13 11:00:43 -05:00
rodzic 9a965ac9d1
commit 6ce09d4860
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
1 zmienionych plików z 3 dodań i 7 usunięć

Wyświetl plik

@ -11,12 +11,8 @@
transition: all 0.15s linear; transition: all 0.15s linear;
z-index: 10001; z-index: 10001;
&__root {
display: none;
}
&__wrapper { &__wrapper {
display: block; display: none;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
@ -50,17 +46,17 @@
@media (max-width: 400px) { @media (max-width: 400px) {
width: 90vw; width: 90vw;
transform: translateX(-90vw);
} }
} }
.sidebar-menu__root--visible { .sidebar-menu__root--visible {
display: block;
.sidebar-menu { .sidebar-menu {
transform: translateX(0); transform: translateX(0);
} }
.sidebar-menu__wrapper { .sidebar-menu__wrapper {
display: block;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
} }
} }