From 21a84939545e15622d0c83f1755e860415c9fddd Mon Sep 17 00:00:00 2001 From: Jared Stoffan Date: Mon, 1 Apr 2019 16:15:25 -0700 Subject: [PATCH] Fix: Thumbnail navigation now animates correctly in IE11 --- src/lib/viewers/doc/_docBase.scss | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/src/lib/viewers/doc/_docBase.scss b/src/lib/viewers/doc/_docBase.scss index 3b53ab835..4d05862ce 100644 --- a/src/lib/viewers/doc/_docBase.scss +++ b/src/lib/viewers/doc/_docBase.scss @@ -90,24 +90,24 @@ $thumbnail-sidebar-width: 226px; } } - @include bp-breakpoint-medium { - $bp-thumbnails-animation: 300ms cubic-bezier(.4, 0, .2, 1); - - @keyframes bp-thumbnails-open { - 0% { - display: none; - transform: translateX(-$thumbnail-sidebar-width); - } + @keyframes bp-thumbnails-open { + 0% { + display: none; + transform: translateX(-$thumbnail-sidebar-width); + } - 1% { - display: flex; - transform: translateX(-$thumbnail-sidebar-width); - } + 1% { + display: flex; + transform: translateX(-$thumbnail-sidebar-width); + } - 100% { - transform: translateX(0); - } + 100% { + transform: translateX(0); } + } + + @include bp-breakpoint-medium { + $bp-thumbnails-animation: 300ms cubic-bezier(.4, 0, .2, 1); &.bp-loaded { .bp-content {