octoleo/syncthing
1
0
Fork 0
mirror of https://github.com/octoleo/syncthing.git synced 2025-01-05 08:02:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

gui: Improve layout of footer on narrow screens (fixes #2663)

Browse Source
This commit is contained in:
Jakob Borg 2016-03-17 16:39:50 +00:00
parent 5155e24bc7
commit aced62fec3
1 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
gui/default/assets/css/overrides.css
View File

@ -246,11 +246,32 @@ ul.three-columns li, ul.two-columns li {
/** Footer nav on small devices **/ /** Footer nav on small devices **/
@media (max-width: 1199px) { @media (max-width: 1199px) {
/* Stay at the end of the page, with space reserved for the footer
usually taking up two rows. */
html {
position: relative;
min-height: 100%;
}
body { body {
padding-bottom: 0; padding-bottom: 60px;
} }
.navbar-fixed-bottom { .navbar-fixed-bottom {
position: static; position: absolute;
}
}
@media (max-width: 768px) {
/* Layout after the normal contents, as this is when the footer switches
to a vertical layout. */
body {
padding-bottom: 0px;
}
.navbar-fixed-bottom {
position: relative;
} }
} }