karolyi/startbootstrap-sb-admin
1
0
Fork 0
mirror of https://github.com/StartBootstrap/startbootstrap-sb-admin.git synced 2025-01-08 14:22:22 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix calculation of sticky footer when heights differ from default

Browse source
This commit is contained in:
Pyrax 2018-01-06 16:43:59 +01:00
parent ea3934617b
commit 4070ec3d8d
3 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
scss/_footer.scss
View file

@ -4,7 +4,7 @@ footer.sticky-footer {
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 56px; height: $sticky-footer-height;
background-color: $gray-200; background-color: $gray-200;

8
scss/_global.scss
View file

@ -10,18 +10,18 @@ body {
} }
body.sticky-footer { body.sticky-footer {
margin-bottom: 56px; margin-bottom: $sticky-footer-height;
.content-wrapper { .content-wrapper {
min-height: calc(100vh - 56px - 56px); min-height: calc(100vh - #{$sticky-footer-height} - #{$navbar-base-height});
} }
} }
body.fixed-nav { body.fixed-nav {
padding-top: 56px; padding-top: $navbar-base-height;
} }
.content-wrapper { .content-wrapper {
min-height: calc(100vh - 56px); min-height: calc(100vh - #{$sticky-footer-height});
padding-top: 1rem; padding-top: 1rem;
} }

2
scss/_variables.scss
View file

@ -30,3 +30,5 @@ $navbar-base-height: 56px;
$sidenav-base-width: 250px; $sidenav-base-width: 250px;
// Change below variable to change the width of the sidenav when collapsed // Change below variable to change the width of the sidenav when collapsed
$sidenav-collapsed-width: 55px; $sidenav-collapsed-width: 55px;
// Change below variable to change the height of the sticky footer
$sticky-footer-height: 56px;