0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-07 04:54:24 +01:00

redo and make sticky

This commit is contained in:
Mark Otto 2016-12-29 13:22:45 -08:00
parent a769542888
commit 5d7db50739
2 changed files with 22 additions and 4 deletions

View File

@ -1,11 +1,22 @@
// scss-lint:disable VendorPrefix
// //
// Main navbar // Main navbar
// //
.bd-navbar { .bd-navbar {
// @include media-breakpoint-up(md) {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1030; // over everything in bootstrap
// max-height: calc(100vh - 4rem);
// overflow-y: auto;
// }
// padding-right: 0; // padding-right: 0;
// padding-left: 0; // padding-left: 0;
margin-bottom: 2rem; // margin-bottom: 2rem;
background-color: #fff;
border-bottom: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1);
box-shadow: 0 6px 12px rgba(0,0,0,.05); box-shadow: 0 6px 12px rgba(0,0,0,.05);
@ -28,6 +39,10 @@
} }
.dropdown-menu { .dropdown-menu {
font-size: inherit; font-size: .875rem;
}
.navbar-brand {
color: $bd-purple;
} }
} }

View File

@ -1,11 +1,14 @@
// scss-lint:disable VendorPrefix
// //
// Side navigation // Side navigation
// //
.bd-sidebar { .bd-sidebar {
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
position: -webkit-sticky;
position: sticky; position: sticky;
top: 2rem; top: 5rem;
max-height: calc(100vh - 4rem); max-height: calc(100vh - 4rem);
overflow-y: auto; overflow-y: auto;
} }
@ -26,7 +29,7 @@
} }
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
padding-right: 1rem; // padding-right: 1rem;
} }
} }