From f95cbc5950bf31995f33023014c47a61665ffacc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 29 May 2017 20:28:42 -0700 Subject: [PATCH] wrap the sticky in a @supports so that edge and ie don't screw it all up --- assets/scss/_sidebar.scss | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/assets/scss/_sidebar.scss b/assets/scss/_sidebar.scss index 7c5d9ef16d..8816609c18 100644 --- a/assets/scss/_sidebar.scss +++ b/assets/scss/_sidebar.scss @@ -5,9 +5,11 @@ // .bd-toc { - position: sticky; - top: 4rem; - max-height: calc(100vh - 4rem); + @supports (position: sticky) { + position: sticky; + top: 4rem; + max-height: calc(100vh - 4rem); + } padding-top: 1.5rem; padding-bottom: 1.5rem; overflow-y: auto; @@ -47,9 +49,11 @@ border-bottom: 1px solid rgba(0,0,0,.1); @include media-breakpoint-up(md) { - position: sticky; - top: 4rem; - max-height: calc(100vh - 4rem); + @supports (position: sticky) { + position: sticky; + top: 4rem; + max-height: calc(100vh - 4rem); + } overflow-y: auto; border-right: 1px solid rgba(0,0,0,.1); } -- 2.47.2