fix: Vertical scrollbar in data browser is outside visible area when …

…scrolling horizontally (parse-community#2457)
back4app · Jun 11, 2023 · 5acac3f · 5acac3f
1 parent 057fc8b
commit 5acac3f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 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: absolute;
+ position: sticky;
  top: 0;
  left: 0;
  height: 30px;

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