fix: Data browser dialog "No data to display" may be outside of visible area in Safari browser (#2387)

Author: Damian Stasik

src/dashboard/Data/Browser/Browser.scss

@@ -15,12 +15,6 @@
   bottom: 0;
   overflow: auto;
   padding-top: 30px;
-  // fix for safari scrolling issue:
-  // https://css-tricks.com/forums/topic/safari-for-ios-z-index-ordering-bug-while-scrolling-a-page-with-a-fixed-element/
-  // only applying to safari as a side effect of this is emptystate component centering is off
-  &.safari {
-    -webkit-transform: translate3d(0,0,0);
-  }
 }
 
 body:global(.expanded) {

src/dashboard/Data/Browser/BrowserTable.react.js

@@ -6,7 +6,6 @@
  * the root directory of this source tree.
  */
 import BrowserRow             from 'components/BrowserRow/BrowserRow.react';
-import * as browserUtils      from 'lib/browserUtils';
 import DataBrowserHeaderBar   from 'components/DataBrowserHeaderBar/DataBrowserHeaderBar.react';
 import Editor                 from 'dashboard/Data/Browser/Editor.react';
 import EmptyState             from 'components/EmptyState/EmptyState.react';
@@ -429,7 +428,7 @@ export default class BrowserTable extends React.Component {
     }
 
     return (
-      <div className={[styles.browser, browserUtils.isSafari() ? styles.safari : ''].join(' ')}>
+      <div className={styles.browser}>
         {table}
         <DataBrowserHeaderBar
           selected={

src/lib/browserUtils.js

@@ -6,10 +6,6 @@
  * the root directory of this source tree.
  */
 
-export function isSafari() {
-  return /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor);
-}
-
 export function isChrome() {
   return /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
 }