Move sidebar open class.

This commit is contained in:
Brendan Dahl 2012-04-25 13:46:17 -07:00
parent e0aa43af37
commit c4189b46f3
3 changed files with 7 additions and 7 deletions

View File

@ -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;
}

View File

@ -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>

View File

@ -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();
});