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

Got rid of the "released" class and made the pin icon depend on the sidebar state.

Browse Source
This commit is contained in:
gigaherz 2012-02-10 20:21:55 +01:00
parent 8a22a43cf3
commit c24684b8e9
3 changed files with 8 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/viewer.css
View File

@ -85,7 +85,7 @@ span#info {
z-index: 1; z-index: 1;
} }
#sidebar.released { #sidebar {
left: -290px; left: -290px;
transition: left 0.25s ease-in-out 1s; transition: left 0.25s ease-in-out 1s;
-o-transition: left 0.25s ease-in-out 1s; -o-transition: left 0.25s ease-in-out 1s;
@ -93,8 +93,8 @@ span#info {
-webkit-transition: left 0.25s ease-in-out 1s; -webkit-transition: left 0.25s ease-in-out 1s;
} }
#sidebar.pinned, #sidebar:hover,
#sidebar.released:hover { #sidebar.pinned {
left: 0px; left: 0px;
transition: left 0.25s ease-in-out 0s; transition: left 0.25s ease-in-out 0s;
-o-transition: left 0.25s ease-in-out 0s; -o-transition: left 0.25s ease-in-out 0s;
@ -109,17 +109,14 @@ span#info {
width: 15px; width: 15px;
height: 15px; height: 15px;
background: center no-repeat; background: center no-repeat;
background-image: url('images/pin_up.png');
} }
#pinIcon:hover { #pinIcon:hover {
background-color: rgba(255,255,255,0.35); background-color: rgba(255,255,255,0.35);
} }
#pinIcon.released { #sidebar.pinned #pinIcon {
background-image: url('images/pin_up.png');
}
#pinIcon.pinned {
background-image: url('images/pin_down.png'); background-image: url('images/pin_down.png');
} }

4
web/viewer.html
View File

@ -120,9 +120,9 @@
<textarea id="errorMoreInfo" hidden='true' readonly="readonly"></textarea> <textarea id="errorMoreInfo" hidden='true' readonly="readonly"></textarea>
</div> </div>
<div id="sidebar" class="released"> <div id="sidebar">
<div id="sidebarBox"> <div id="sidebarBox">
<div id="pinIcon" class="released" onClick="PDFView.pinSidebar()"></div> <div id="pinIcon" onClick="PDFView.pinSidebar()"></div>
<div id="sidebarScrollView"> <div id="sidebarScrollView">
<div id="sidebarView"></div> <div id="sidebarView"></div>
</div> </div>

19
web/viewer.js
View File

@ -168,7 +168,6 @@ var PDFView = {
currentScale: kUnknownScale, currentScale: kUnknownScale,
currentScaleValue: null, currentScaleValue: null,
initialBookmark: document.location.hash.substring(1), initialBookmark: document.location.hash.substring(1),
pinState: false,
setScale: function pdfViewSetScale(val, resetAutoSettings) { setScale: function pdfViewSetScale(val, resetAutoSettings) {
if (val == this.currentScale) if (val == this.currentScale)
@ -573,23 +572,7 @@ var PDFView = {
}, },
pinSidebar: function pdfViewPinSidebar() { pinSidebar: function pdfViewPinSidebar() {
var sidebar = document.getElementById('sidebar'); document.getElementById('sidebar').classList.toggle('pinned');
var pinIcon = document.getElementById('pinIcon');
var oldClass = 'released';
var newClass = 'pinned';
if (this.pinState) {
oldClass = 'pinned';
newClass = 'released';
}
sidebar.classList.remove(oldClass);
pinIcon.classList.remove(oldClass);
sidebar.classList.add(newClass);
pinIcon.classList.add(newClass);
this.pinState = !this.pinState;
}, },
getVisiblePages: function pdfViewGetVisiblePages() { getVisiblePages: function pdfViewGetVisiblePages() {