sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2024-12-24 10:34:17 +00:00
Code Issues Projects Releases Wiki Activity

Add documentation and fixes for sidenav-fixed usage.

Browse Source
This commit is contained in:
Patrick Jentsch 2019-07-05 11:02:24 +02:00
parent 7450770518
commit 3d0fb27147
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
app/static/css/opaque.css
View File

@ -1,3 +1,8 @@
/*
* ### Start sticky footer ###
* Force the footer to always stay on the bottom of the page regardless of how
* little content is on the page.
*/
body { body {
display: flex; display: flex;
min-height: 100vh; min-height: 100vh;
@ -7,3 +12,24 @@ body {
main { main {
flex: 1 0 auto; flex: 1 0 auto;
} }
/* ### End sticky footer ### */
/*
* ### Start sidenav-fixed offset ###
* The sidenav-fixed class is used which causes the sidenav to be fixed and open
* on large screens and hides to the regular functionality on smaller screens.
* In order to prevent the sidenav to overlap the content, the content (in our
* case header, main and footer) gets an offset equal to the width of the
* sidenav.
*/
header, main, footer {
padding-left: 300px;
}
@media only screen and (max-width : 992px) {
header, main, footer {
padding-left: 0;
}
}
/* ### End sidenav-fixed offset ### */