manos/WWW
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Mobile menu fix

Browse Source
This commit is contained in:
Manos Katsomallos
2019-12-31 14:22:03 +02:00
parent 70679271bc
commit 86df60bd98
3 changed files with 28 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
css/styles.css
View File

@ -309,6 +309,7 @@ h1, h2, h3, h4, h5, p {
#nav-mini .menu {
display: none;
box-shadow: 0 0 0.5em black;
background-color: black;
}
#nav-mini .menu a:hover {
@ -316,7 +317,6 @@ h1, h2, h3, h4, h5, p {
}
#nav-mini {
background: black;
display: block;
position: fixed;
top: 0;
@ -326,27 +326,38 @@ h1, h2, h3, h4, h5, p {
z-index: 1;
}
#nav-ctrl + label > img {
#nav-ctrl + label {
width: 3em;
height: 3em;
background-color: white;
background-image: url("../img/menu.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 50%;
box-shadow: 0 0 0.5em black;
display: block;
cursor: pointer;
}
#nav-ctrl:checked + label > img {
#nav-ctrl:hover + label {
filter: invert(100%);
box-shadow: 0 0 0.5em white;
color: gray;
}
#nav-ctrl:checked + label {
filter: invert(100%);
box-shadow: 0 0 0.5em white;
background-image: url("../img/close.svg");
background-size: 25%;
}
#nav-ctrl:checked:hover + label {
filter: invert(0%);
box-shadow: 0 0 0.5em black;
}
#nav-ctrl:checked + label + .menu {
display: block;
}
#nav-mini img {
display: block;
background-color: white;
height: 1.75em;
width: 1.75em;
padding: 0.5em;
box-shadow: 0 0 0.5em black;
display: inline-block;
}
/* About */