Move sidebar open class.

13 years ago · c4189b46f3
3 changed files with 7 additions and 7 deletions
--- a/web/viewer.css
+++ b/web/viewer.css
@ -35,7 +35,7 @@ body {
  position: absolute;
  top: 0;
  bottom: 0;
-  left: 0;
+  left: -200px;
  width: 200px;
  -moz-transition-property: left;
  -moz-transition-duration: 200ms;
@ -44,8 +44,8 @@ body {
  -webkit-transition-duration: 200ms;
  -webkit-transition-timing-function: ease;
 }
-#sidebarContainer.hidden {
+#outerContainer.sideBarOpen > #sidebarContainer {
-  left: -200px;
+  left: 0px;
 }
 #mainContainer {
@ -61,7 +61,7 @@ body {
  -webkit-transition-duration: 200ms;
  -webkit-transition-timing-function: ease;
 }
-#mainContainer.sideBarOpen {
+#outerContainer.sideBarOpen > #mainContainer {
  left: 200px;
 }
--- a/web/viewer.html
+++ b/web/viewer.html
@ -39,7 +39,7 @@
  <body>
    <div id="outerContainer">
-      <div id="sidebarContainer" class="hidden">
+      <div id="sidebarContainer">
        <div id="toolbarSidebar">
          <div class="splitToolbarButton toggled">
            <button id="viewThumbnail" class="toolbarButton toggled" title="Show Thumbnails" onclick="PDFView.switchSidebarView('thumbs')"></button>
--- a/web/viewer.js
+++ b/web/viewer.js
@ -1342,8 +1342,8 @@ window.addEventListener('load', function webViewerLoad(evt) {
  document.getElementById('sidebarToggle').addEventListener('click',
    function() {
      this.classList.toggle('toggled');
-      document.getElementById('sidebarContainer').classList.toggle('hidden');
+      console.log('toggling');
-      mainContainer.classList.toggle('sideBarOpen');
+      document.getElementById('outerContainer').classList.toggle('sidebarOpen');
      updateThumbViewArea();
    });