From 3bd5b2ecc014ef3c9c57ce094664aff5e1393fe8 Mon Sep 17 00:00:00 2001 From: Conrad Chan Date: Mon, 4 Mar 2019 12:44:07 -0800 Subject: [PATCH] Chore: update css --- src/lib/VirtualScroller.scss | 1 - src/lib/viewers/doc/DocBaseViewer.js | 1 + src/lib/viewers/doc/_docBase.scss | 4 ++-- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/lib/VirtualScroller.scss b/src/lib/VirtualScroller.scss index c0bae5b44..ca31b1ddf 100644 --- a/src/lib/VirtualScroller.scss +++ b/src/lib/VirtualScroller.scss @@ -1,7 +1,6 @@ .bp-vs { flex: 1 0 auto; overflow-y: auto; - overflow-x: hidden; .bp-vs-list { margin: 0; diff --git a/src/lib/viewers/doc/DocBaseViewer.js b/src/lib/viewers/doc/DocBaseViewer.js index 675d17de5..86b95bc35 100644 --- a/src/lib/viewers/doc/DocBaseViewer.js +++ b/src/lib/viewers/doc/DocBaseViewer.js @@ -1344,6 +1344,7 @@ class DocBaseViewer extends BaseViewer { this.emitMetric({ name: metricName, data: pagesCount }); this.emit(eventName); + // Resize after the CSS animation to toggle the sidebar is complete setTimeout(() => this.resize(), THUMBNAILS_SIDEBAR_TRANSITION_TIME); } diff --git a/src/lib/viewers/doc/_docBase.scss b/src/lib/viewers/doc/_docBase.scss index fe6354ff0..0cb172875 100644 --- a/src/lib/viewers/doc/_docBase.scss +++ b/src/lib/viewers/doc/_docBase.scss @@ -7,12 +7,12 @@ $thumbnail-border-radius: 4px; border-right: solid 1px $seesee; bottom: 0; display: flex; - flex: 0 0 auto; // Accounts for the 1px border on the right so the remaining width is actually 180 + flex: 0 0 auto; left: -201px; position: absolute; top: 0; transition: left 300ms cubic-bezier(.4, 0, .2, 1); - width: 201px; + width: 201px; // Accounts for the 1px border on the right so the remaining width is actually 180 } &.bp-thumbnails-open .bp-thumbnails-container {