MatthiasQuintern/imgsort2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix footer on mobile

Browse Source
This commit is contained in:
matth@ultra 2024-09-02 15:29:46 +02:00
parent f35f2cc6d5
commit 1d1c2d7f1a
2 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/sass/main.sass
View File

@ -50,6 +50,7 @@ nav
main main
flex-grow: 1 // puts the statusline at the bottom of the page flex-grow: 1 // puts the statusline at the bottom of the page
padding-bottom: $footer-height + 2 * $footer-padding-y
* *
margin-left: auto margin-left: auto
margin-right: auto margin-right: auto
@ -95,6 +96,9 @@ footer
color: $bg color: $bg
height: $footer-height height: $footer-height
min-height: $footer-height // idk why but this is required min-height: $footer-height // idk why but this is required
width: 100%
position: fixed
bottom: 0
overflow-x: scroll overflow-x: scroll
overflow-y: hidden overflow-y: hidden
white-space: nowrap white-space: nowrap
@ -257,11 +261,3 @@ button:hover
.current-file .current-file
height: 100% height: 100%
width: 100% width: 100%
footer
width: 100%
position: fixed
bottom: 0

10
src/style.css
View File

@ -22,6 +22,7 @@ nav {
main { main {
flex-grow: 1; flex-grow: 1;
padding-bottom: 24px;
} }
main * { main * {
margin-left: auto; margin-left: auto;
@ -71,8 +72,12 @@ footer {
color: #f9f5d7; color: #f9f5d7;
height: 20px; height: 20px;
min-height: 20px; min-height: 20px;
width: 100%;
position: fixed;
bottom: 0;
overflow-x: scroll; overflow-x: scroll;
overflow-y: hidden; overflow-y: hidden;
white-space: nowrap;
} }
footer * { footer * {
color: #f9f5d7; color: #f9f5d7;
@ -269,9 +274,4 @@ button:hover {
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
footer {
width: 100%;
position: fixed;
bottom: 0;
}
} }