mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-14 18:42:30 +03:00
wrap the sticky in a @supports so that edge and ie don't screw it all up
This commit is contained in:
@@ -5,9 +5,11 @@
|
|||||||
//
|
//
|
||||||
|
|
||||||
.bd-toc {
|
.bd-toc {
|
||||||
position: sticky;
|
@supports (position: sticky) {
|
||||||
top: 4rem;
|
position: sticky;
|
||||||
max-height: calc(100vh - 4rem);
|
top: 4rem;
|
||||||
|
max-height: calc(100vh - 4rem);
|
||||||
|
}
|
||||||
padding-top: 1.5rem;
|
padding-top: 1.5rem;
|
||||||
padding-bottom: 1.5rem;
|
padding-bottom: 1.5rem;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
@@ -47,9 +49,11 @@
|
|||||||
border-bottom: 1px solid rgba(0,0,0,.1);
|
border-bottom: 1px solid rgba(0,0,0,.1);
|
||||||
|
|
||||||
@include media-breakpoint-up(md) {
|
@include media-breakpoint-up(md) {
|
||||||
position: sticky;
|
@supports (position: sticky) {
|
||||||
top: 4rem;
|
position: sticky;
|
||||||
max-height: calc(100vh - 4rem);
|
top: 4rem;
|
||||||
|
max-height: calc(100vh - 4rem);
|
||||||
|
}
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
border-right: 1px solid rgba(0,0,0,.1);
|
border-right: 1px solid rgba(0,0,0,.1);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user