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

improve hanburger menu style

Browse Source 
Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2023-05-03 21:39:26 +00:00
parent 1fe8491c38
commit 2f459f7c5b
1 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
css/nav.css
View File

@ -11,21 +11,21 @@ nav a, nav h1, nav label {
text-decoration: none; text-decoration: none;
} }
#hamitems a:hover, #hamitems a[aria-current="true"], #hamitems:hover a[aria-current="true"]:hover {
background-color: white;
color: black;
}
#hamitems:hover a[aria-current="true"] {
background-color: black;
color: white;
}
#hamnav label, #hamburger { #hamnav label, #hamburger {
display: none; display: none;
} }
@media screen and (min-width: 600px){ @media screen and (min-width: 600px){
#hamitems a:hover, #hamitems a[aria-current="true"], #hamitems:hover a[aria-current="true"]:hover {
background-color: white;
color: black;
}
#hamitems:hover a[aria-current="true"] {
background-color: black;
color: white;
}
nav { nav {
display: flex; display: flex;
align-items: center; align-items: center;
@ -44,7 +44,10 @@ nav a, nav h1, nav label {
#hamitems { #hamitems {
display: block; display: block;
grid-column: 1 / span 2; position: absolute;
top: 55px;
right: 0;
background-color: black;
} }
#hamitems a { #hamitems a {
@ -52,7 +55,6 @@ nav a, nav h1, nav label {
display: block; display: block;
text-align: center; text-align: center;
width: 100%; width: 100%;
border-top: 1px solid #888;
} }
#hamnav label { #hamnav label {