wrap the sticky in a @supports so that edge and ie don't screw it all up
This commit is contained in:
parent
12ca6d9d34
commit
f95cbc5950
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue