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

AshishBarvaliya · web-flow · commit 5acac3fb5c74 · 2023-06-11T18:52:04.000+02:00
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 {

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