iridium/redsunlib
2
2
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases 5 Wiki Activity

Make the fixed navbar optional

Browse Source 
Adds another on/off preference (default: on, keeps same
behaviour) for the fixed navbar.
When off the navbar will not remain at the top of the
page when scrolling.
This is useful for small displays such as phones where
otherwise the navbar takes up a sizeable portion of
the viewport.
This commit is contained in:
Connor Holloway
2022-06-18 22:53:30 +01:00
parent f5cd48b07f
commit 6c202a59b0
6 changed files with 33 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
static/style.css
View File

@ -69,6 +69,9 @@ pre, form, fieldset, table, th, td, select, input {
body {
background: var(--background);
font-size: 15px;
}
body.fixed_navbar {
padding-top: 60px;
}
@ -88,8 +91,12 @@ nav {
z-index: 2;
top: 0;
padding: 5px 15px;
margin-bottom: 10px;
min-height: 40px;
width: calc(100% - 30px);
}
nav.fixed_navbar {
position: fixed;
}
@ -1237,7 +1244,7 @@ td, th {
/* Mobile */
@media screen and (max-width: 800px) {
body { padding-top: 120px }
body.fixed_navbar { padding-top: 120px }
main {
flex-direction: column-reverse;
@ -1279,7 +1286,7 @@ td, th {
}
@media screen and (max-width: 480px) {
body { padding-top: 100px; }
body.fixed_navbar { padding-top: 100px; }
#version { display: none; }
.post {