Move sidebar open class.
This commit is contained in:
parent
e0aa43af37
commit
c4189b46f3
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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>
|
||||
|
@ -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();
|
||||
});
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user