bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

SidebarMenu: fix opening/closing animation

Browse source
This commit is contained in:
Alex Gleason 2021-09-13 11:00:43 -05:00
parent 9a965ac9d1
commit 6ce09d4860
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 3 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/styles/components/sidebar-menu.scss
View file

@ -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);
} }
} }