revert: fix: Vertical scrollbar in data browser is outside visible ar…

…ea when scrolling horizontally (parse-community#2457) (parse-community#2477) This reverts commit 5acac3f.
back4app · Jun 24, 2023 · 2f1d84e · 2f1d84e
1 parent d410339
commit 2f1d84e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss b/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss
@@ -8,7 +8,7 @@
 @import 'stylesheets/globals.scss';
 
 .bar {
-  position: sticky;
+  position: absolute;
   top: 0;
   left: 0;
   height: 30px;

diff --git a/src/dashboard/Data/Browser/Browser.scss b/src/dashboard/Data/Browser/Browser.scss
@@ -14,13 +14,12 @@
   right: 0;
   bottom: 0;
   overflow: auto;
-  width: calc(100% - 300px);
+  padding-top: 30px;
 }
 
 body:global(.expanded) {
   .browser {
     left: $sidebarCollapsedWidth;
-    width: calc(100% - $sidebarCollapsedWidth);
   }
 }
 
@@ -83,7 +82,9 @@ body:global(.expanded) {
   top: 30px;
   bottom: 0;
   left: 0;
-  width: 100%;
+  min-width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 
 .table .empty {