From b974244c7f4e01adcf2478b7f651dada63d342f1 Mon Sep 17 00:00:00 2001
From: Artur Paikin <artur@arturpaikin.com>
Date: Wed, 27 Jun 2018 18:23:35 -0400
Subject: [PATCH] fix Dashboards tabs overflow by adding scroll; improve scroll

added 'momentum' style scrolling behavior, see https://github.com/yunusga/postcss-momentum-scrolling
---
 packages/@uppy/dashboard/src/style.scss | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/@uppy/dashboard/src/style.scss b/packages/@uppy/dashboard/src/style.scss
index fe567705a..4a420df50 100644
--- a/packages/@uppy/dashboard/src/style.scss
+++ b/packages/@uppy/dashboard/src/style.scss
@@ -162,8 +162,8 @@
 
 
 .uppy-DashboardTabs {
-  padding-top: 7px;
-  padding-bottom: 7px;
+  padding: 7px;
+  padding-right: 28px;
   border-bottom: 1px solid rgba($color-gray, 0.3);
 }
 
@@ -201,9 +201,13 @@
   list-style-type: none;
   margin: 0;
   padding: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+  // display: flex;
+  // justify-content: center;
+  // align-items: center;
+  white-space: nowrap;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  text-align: center;
 }
 
 .uppy-DashboardTab {
@@ -410,6 +414,7 @@
   margin: 0;
   padding: 0 0 10px 0;
   overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
   position: absolute;
   top: 0;
   left: 0;
@@ -1085,6 +1090,7 @@
   max-height: 40%;
   flex-grow: 1;
   overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
 }
 
 .uppy-DashboardFileCard-fieldset {