sbrl-github/Pepperminty-Wiki
sbrl-github/Pepperminty-Wiki
1
0
Fork 0
mirror of https://github.com/sbrl/Pepperminty-Wiki.git synced 2024-11-25 17:23:00 +00:00
Code Activity

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

Browse source
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 { body {
margin: 0; margin: 0;
} }
nav.top { nav.top, nav.bottom {
position: static; position: static;
flex-direction: column; flex-direction: column;
} }
input[type=checkbox]:checked ~ .nav-more-menu {
position: static;
}
nav.mega-menu { nav.mega-menu {
flex-direction: column; flex-direction: column;
} }

13
themes/photo/theme.css
View file

@ -216,7 +216,8 @@ input[type=submit] {
/* TODO: Actually refine this properly */ /* TODO: Actually refine this properly */
.similar-page-suggestions { grid-area: similar-suggestions; } .similar-page-suggestions { grid-area: similar-suggestions; }
.similar-page-suggestions > h2 { text-align: center; } .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; } .comments { grid-area: comments; }
@ -231,4 +232,14 @@ footer { grid-area: footer; }
body { grid-template-columns: 1fr 16fr 1fr; } body { grid-template-columns: 1fr 16fr 1fr; }
nav { flex-direction: column !important; } nav { flex-direction: column !important; }
nav > span { padding: 0.5em; } 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;
}
} }