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

Merge pull request #4516 from dferer/ios-scrolling

Browse Source 
Added CSS rules to improve scrolling on iOS devices
This commit is contained in:
Yury Delendik 2014-04-03 09:34:20 -05:00
commit 4be65a9477
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/viewer.css
View File

@ -234,6 +234,7 @@ html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer {
top: 32px; top: 32px;
bottom: 0; bottom: 0;
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch;
position: absolute; position: absolute;
width: 200px; width: 200px;
background-color: hsla(0,0%,0%,.1); background-color: hsla(0,0%,0%,.1);
@ -249,6 +250,7 @@ html[dir='rtl'] #sidebarContent {
#viewerContainer { #viewerContainer {
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch;
position: absolute; position: absolute;
top: 32px; top: 32px;
right: 0; right: 0;
@ -425,6 +427,7 @@ html[dir='rtl'] .secondaryToolbar {
max-width: 200px; max-width: 200px;
max-height: 400px; max-height: 400px;
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling: touch;
margin-bottom: -4px; margin-bottom: -4px;
} }
@ -1100,6 +1103,7 @@ html[dir='rtl'] .verticalToolbarSeparator {
bottom: 0; bottom: 0;
padding: 10px 40px 0; padding: 10px 40px 0;
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch;
} }
.thumbnail { .thumbnail {
@ -1168,6 +1172,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
bottom: 0; bottom: 0;
padding: 4px 4px 0; padding: 4px 4px 0;
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
} }
@ -1399,6 +1404,10 @@ canvas {
background-color: hsla(0,0%,0%,.2); background-color: hsla(0,0%,0%,.2);
z-index: 10000; z-index: 10000;
} }
#overlayContainer > * {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#promptContainer { #promptContainer {
display: table-cell; display: table-cell;
@ -1546,6 +1555,7 @@ html[dir='rtl'] #documentPropertiesContainer .row > * {
bottom: 0; bottom: 0;
left: 0; left: 0;
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch;
position: absolute; position: absolute;
right: 0; right: 0;
top: 27px; top: 27px;