revert: fix: Vertical scrollbar in data browser is outside visible area when scrolling horizontally (parse-community#2457)

mtrezza · mtrezza · commit ba5bccde1e71 · 2023-06-24T02:00:33.000+02:00
This reverts commit 5acac3f.
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 {

Original file line number	Diff line number	Diff line change
`@@ -14,13 +14,12 @@`
`14`	`14`	`right: 0;`
`15`	`15`	`bottom: 0;`
`16`	`16`	`overflow: auto;`
`17`		`- width: calc(100% - 300px);`
	`17`	`+ padding-top: 30px;`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`body:global(.expanded) {`
`21`	`21`	`.browser {`
`22`	`22`	`left: $sidebarCollapsedWidth;`
`23`		`- width: calc(100% - $sidebarCollapsedWidth);`
`24`	`23`	`}`
`25`	`24`	`}`
`26`	`25`
`@@ -83,7 +82,9 @@ body:global(.expanded) {`
`83`	`82`	`top: 30px;`
`84`	`83`	`bottom: 0;`
`85`	`84`	`left: 0;`
`86`		`- width: 100%;`
	`85`	`+ min-width: 100%;`
	`86`	`+ overflow-y: auto;`
	`87`	`+ overflow-x: hidden;`
`87`	`88`	`}`
`88`	`89`
`89`	`90`	`.table .empty {`