From 50aa49bb0655bd22d8ef87fbda187a06963f89f1 Mon Sep 17 00:00:00 2001 From: Samuel Chantaraud Date: Mon, 31 Mar 2014 10:27:36 -0400 Subject: [PATCH] Added CSS rules to allow smooth (momentum) scrolling on iOS devices --- web/viewer.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/web/viewer.css b/web/viewer.css index aca837596..5db3154b9 100644 --- a/web/viewer.css +++ b/web/viewer.css @@ -230,6 +230,7 @@ html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer { top: 32px; bottom: 0; overflow: auto; + -webkit-overflow-scrolling: touch; position: absolute; width: 200px; background-color: hsla(0,0%,0%,.1); @@ -245,6 +246,7 @@ html[dir='rtl'] #sidebarContent { #viewerContainer { overflow: auto; + -webkit-overflow-scrolling: touch; position: absolute; top: 32px; right: 0; @@ -421,6 +423,7 @@ html[dir='rtl'] .secondaryToolbar { max-width: 200px; max-height: 400px; overflow-y: auto; + -webkit-overflow-scrolling: touch; margin-bottom: -4px; } @@ -1096,6 +1099,7 @@ html[dir='rtl'] .verticalToolbarSeparator { bottom: 0; padding: 10px 40px 0; overflow: auto; + -webkit-overflow-scrolling: touch; } .thumbnail { @@ -1164,6 +1168,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing, bottom: 0; padding: 4px 4px 0; overflow: auto; + -webkit-overflow-scrolling: touch; -webkit-user-select: none; -moz-user-select: none; } @@ -1395,6 +1400,10 @@ canvas { background-color: hsla(0,0%,0%,.2); z-index: 10000; } +#overlayContainer > * { + overflow: auto; + -webkit-overflow-scrolling: touch; +} #promptContainer { display: table-cell; @@ -1542,6 +1551,7 @@ html[dir='rtl'] #documentPropertiesContainer .row > * { bottom: 0; left: 0; overflow: auto; + -webkit-overflow-scrolling: touch; position: absolute; right: 0; top: 27px;