From c4189b46f37a172d8755bf8b0cbbd7edea57f7b8 Mon Sep 17 00:00:00 2001
From: Brendan Dahl <brendan.dahl@gmail.com>
Date: Wed, 25 Apr 2012 13:46:17 -0700
Subject: [PATCH] Move sidebar open class.
---
web/viewer.css | 8 ++++----
web/viewer.html | 2 +-
web/viewer.js | 4 ++--
3 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/web/viewer.css b/web/viewer.css
index 4a6b1e988..2939776fa 100644
--- 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 {
- left: -200px;
+#outerContainer.sideBarOpen > #sidebarContainer {
+ left: 0px;
}
#mainContainer {
@@ -61,7 +61,7 @@ body {
-webkit-transition-duration: 200ms;
-webkit-transition-timing-function: ease;
}
-#mainContainer.sideBarOpen {
+#outerContainer.sideBarOpen > #mainContainer {
left: 200px;
}
diff --git a/web/viewer.html b/web/viewer.html
index 852cd47d7..adfaddf6b 100644
--- 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>
diff --git a/web/viewer.js b/web/viewer.js
index d6c89f77b..7da175d97 100644
--- 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');
- mainContainer.classList.toggle('sideBarOpen');
+ console.log('toggling');
+ document.getElementById('outerContainer').classList.toggle('sidebarOpen');
updateThumbViewArea();
});