Merge pull request #4073 from PaulAdamDavis/ux-improvs

UX Improvements

core/client/assets/sass/components/notifications.scss

@@ -70,6 +70,7 @@
         padding: 10px 43px 10px 57px;
         max-height: 253px;
         overflow: auto;
+        -webkit-overflow-scrolling: touch;
     }
 
     .close {

core/client/assets/sass/layouts/content.scss

@@ -63,6 +63,7 @@
         bottom: 0;
         left: 0;
         overflow: auto;
+        -webkit-overflow-scrolling: touch;
         padding-top: 40px;
     }
 
@@ -176,6 +177,7 @@
     top:0;
     right:0;
     overflow: auto;
+    -webkit-overflow-scrolling: touch;
     background: #fff;
     @media (max-width: 900px) {
         width: auto;

core/client/assets/sass/layouts/editor.scss

@@ -122,6 +122,7 @@
         &.active .entry-preview-content {
             height: auto;
             overflow: auto;
+            -webkit-overflow-scrolling: touch;
         }
 
         // Restore the white bg of the currently .active tab, remove hand cursor from currently active tab
@@ -268,6 +269,7 @@
         left: 0;
         padding: 60px 40px 40px 40px;
         overflow: auto;
+        -webkit-overflow-scrolling: touch;
         word-break: break-word;
         hyphens: auto;
         @include user-select(none);

core/client/assets/sass/lib/codemirror.scss

@@ -11,6 +11,7 @@
 .CodeMirror-scroll {
     /* Set scrolling behaviour here */
     overflow: auto;
+    -webkit-overflow-scrolling: touch;
 }
 
 /* PADDING */

core/client/assets/sass/patterns/global.scss

@@ -9,13 +9,22 @@
 html {
     font: 62.5%/1.65 "Open Sans", sans-serif;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+
+    // Prevent elastic scrolling on the whole page
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
 }
 
 body {
-    width: 100%;
     color: lighten($darkgrey, 10%);
     font-size: 1.4rem;
     font-feature-settings: "kern" 1;
+
+    // Prevent elastic scrolling on the whole page
+    height: 100%;
+    width: 100%;
+    overflow: auto;
     overflow-x: hidden; // Never allow horizontal scrollbars
 }