machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Animating menu

Browse Source
This commit is contained in:
softsimon 2023-08-21 17:06:12 +02:00
parent 0ee28a335f
commit 7674bee5ad
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
1 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/app/components/menu/menu.component.scss
View File

@ -2,13 +2,14 @@
z-index: 10; z-index: 10;
background-color: #1d1f31; background-color: #1d1f31;
box-shadow: 0px 0px 15px 0px #000; box-shadow: 0px 0px 15px 0px #000;
width: 0px; width: 225px;
height: calc(100vh - 65px); height: calc(100vh - 65px);
overflow-x: hidden; overflow-x: hidden;
overflow-y: scroll; overflow-y: scroll;
position: fixed; position: fixed;
left: 0; left: -225px;
top: 65px; top: 65px;
transition: 0.25s;
@media (max-width: 991px) { @media (max-width: 991px) {
height: calc(100vh - 65px - 55px); height: calc(100vh - 65px - 55px);
} }
@ -19,10 +20,7 @@
} }
.sidenav.open { .sidenav.open {
width: 225px; left: 0px;
}
.sidenav.close {
width: 0px;
} }
.sidenav a, button{ .sidenav a, button{