sbrl-github/Pepperminty-Wiki
sbrl-github
/
Pepperminty-Wiki
mirror of https://github.com/sbrl/Pepperminty-Wiki.git
1
0
Fork 0
Code

themes/default+photo: make nav more menu appear statically inline on small screens

This commit is contained in:
Starbeamrainbowlabs 2020-07-28 22:21:56 +01:00
parent 1512be4f0f
commit eb8068c455
Signed by: sbrl
GPG Key ID: 1BE5172E637709C2
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
themes/default/theme.css
View File

@ -313,10 +313,13 @@ footer { padding: 2rem; }
body {
margin: 0;
}
nav.top {
nav.top, nav.bottom {
position: static;
flex-direction: column;
}
input[type=checkbox]:checked ~ .nav-more-menu {
position: static;
}
nav.mega-menu {
flex-direction: column;
}

13
themes/photo/theme.css
View File

@ -216,7 +216,8 @@ input[type=submit] {
/* TODO: Actually refine this properly */
.similar-page-suggestions { grid-area: similar-suggestions; }
.similar-page-suggestions > h2 { text-align: center; }
.similar-page-suggestions-list { list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-evenly; }
.similar-page-suggestions-list { list-style-type:none;
padding: 0; display: grid; grid:auto / repeat(auto-fit, minmax(min(15em, 100%), 1fr)); justify-items: center; grid-gap: 1em; }
.comments { grid-area: comments; }
@ -231,4 +232,14 @@ footer { grid-area: footer; }
body { grid-template-columns: 1fr 16fr 1fr; }
nav { flex-direction: column !important; }
nav > span { padding: 0.5em; }
.nav-more {
align-self: normal;
}
.nav-more > label { display: block; text-align: center; }
input[type=checkbox]:checked ~ .nav-more-menu {
position: static;
margin-top: 1em;
}
}