From 123ed9e4a3b6d04359ef01b94c7f89dea715249b 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 c0bae5b44a..ca31b1ddff 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 f27c03abbf..9457dbf473 100644 --- a/src/lib/viewers/doc/DocBaseViewer.js +++ b/src/lib/viewers/doc/DocBaseViewer.js @@ -1343,6 +1343,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 75807c8e59..0e6ee94a25 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 {