tronnet/ProxmoxAAS-Dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add transition to hamburger menu

Browse Source 
Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2023-05-03 22:08:00 +00:00
parent 9d5d18619f
commit 3a79b8f5c8
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/nav.css
View File

@ -61,11 +61,17 @@ nav a, nav h1, nav label {
display: inline-block;
}
#hamitems {
display: none;
#hamburger ~ #hamitems a {
height: 0;
padding: 0 0.5em;
border: 0;
transition: height 250ms cubic-bezier(0.23, 1, 0.32, 1);
}
#hamnav input:checked ~ #hamitems {
display: block;
#hamburger:checked ~ #hamitems a {
height: 2.5em;
padding: 0.5em;
border: 1px solid #333;
transition: height 250ms cubic-bezier(0.23, 1, 0.32, 1);
}
}