GH-1276 - Updating scroll on IOS (#1310)

webapp/src/components/centerPanel.scss

@@ -49,5 +49,11 @@
     > div:nth-child(2) {
         padding: 0 0 0 1px;
         margin-left: 80px;
+
+        @media (max-width: 768px) {
+            margin-left: 0;
+            padding-left: 20px;
+            -webkit-overflow-scrolling: touch;
+        }
     }
 }

webapp/src/components/dialog.scss

@@ -23,7 +23,7 @@
             rgba(var(--center-channel-color-rgb), 0.1) 0 2px 4px;
         border-radius: var(--modal-rad);
         padding: 0;
-
+        -webkit-overflow-scrolling: touch;
         overflow-x: hidden;
         overflow-y: auto;
 

webapp/src/components/viewHeader/viewHeader.scss

@@ -9,6 +9,11 @@
     color: rgba(var(--center-channel-color-rgb), 0.64);
     align-items: center;
 
+    @media (max-width: 768px) {
+        overflow: auto;
+        -webkit-overflow-scrolling: touch;
+    }
+
     > div {
         margin-right: 12px;
         white-space: nowrap;