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

Simplify small screen CSS logic

Browse Source
This commit is contained in:
Yury Delendik 2012-05-21 10:59:43 -05:00
parent cc3e7197b3
commit 35171a8d31
1 changed files with 19 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
web/viewer.css
View File

@ -937,17 +937,26 @@ canvas {
font-size: 10px;
}
@media all and (max-width: 770px) {
#scaleSelectContainer, #pageNumberLabel {
display: none;
@media all and (max-width: 950px) {
html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter,
html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter {
float: left;
left: 180px;
}
html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter,
html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter {
float: right;
right: 180px;
}
}
@media all and (max-width: 770px) {
#sidebarContainer {
top: 33px;
z-index: 100;
}
#sidebarContent {
top: 33px;
top: 32px;
background-color: hsla(0,0%,0%,.7);
}
#thumbnailView, #outlineView {
@ -961,16 +970,6 @@ canvas {
right: 0px;
}
#pageNumber {
width: 30px;
}
}
@media all and (max-width: 500px) {
#viewBookmark {
display: none;
}
html[dir='ltr'] .outerCenter {
float: left;
left: 180px;
@ -980,3 +979,9 @@ canvas {
right: 180px;
}
}
@media all and (max-width: 600px) {
#toolbarViewerRight {
display: none;
}
}