Sakurai/pdf.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move sidebar open class.

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/viewer.css
View File

@ -35,7 +35,7 @@ body {
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: -200px;
width: 200px; width: 200px;
-moz-transition-property: left; -moz-transition-property: left;
-moz-transition-duration: 200ms; -moz-transition-duration: 200ms;
@ -44,8 +44,8 @@ body {
-webkit-transition-duration: 200ms; -webkit-transition-duration: 200ms;
-webkit-transition-timing-function: ease; -webkit-transition-timing-function: ease;
} }
#sidebarContainer.hidden { #outerContainer.sideBarOpen > #sidebarContainer {
left: -200px; left: 0px;
} }
#mainContainer { #mainContainer {
@ -61,7 +61,7 @@ body {
-webkit-transition-duration: 200ms; -webkit-transition-duration: 200ms;
-webkit-transition-timing-function: ease; -webkit-transition-timing-function: ease;
} }
#mainContainer.sideBarOpen { #outerContainer.sideBarOpen > #mainContainer {
left: 200px; left: 200px;
} }

2
web/viewer.html
View File

@ -39,7 +39,7 @@
<body> <body>
<div id="outerContainer"> <div id="outerContainer">
<div id="sidebarContainer" class="hidden"> <div id="sidebarContainer">
<div id="toolbarSidebar"> <div id="toolbarSidebar">
<div class="splitToolbarButton toggled"> <div class="splitToolbarButton toggled">
<button id="viewThumbnail" class="toolbarButton toggled" title="Show Thumbnails" onclick="PDFView.switchSidebarView('thumbs')"></button> <button id="viewThumbnail" class="toolbarButton toggled" title="Show Thumbnails" onclick="PDFView.switchSidebarView('thumbs')"></button>

4
web/viewer.js
View File

@ -1342,8 +1342,8 @@ window.addEventListener('load', function webViewerLoad(evt) {
document.getElementById('sidebarToggle').addEventListener('click', document.getElementById('sidebarToggle').addEventListener('click',
function() { function() {
this.classList.toggle('toggled'); this.classList.toggle('toggled');
document.getElementById('sidebarContainer').classList.toggle('hidden'); console.log('toggling');
mainContainer.classList.toggle('sideBarOpen'); document.getElementById('outerContainer').classList.toggle('sidebarOpen');
updateThumbViewArea(); updateThumbViewArea();
}); });