From 7c58ae1c46f44ab6b4e12c7118e52e495ea5babc Mon Sep 17 00:00:00 2001 From: Ashish Baravaliya Date: Sun, 11 Jun 2023 01:04:57 -0400 Subject: [PATCH 1/2] fix: vertical scrollbar in table fixes --- src/dashboard/Data/Browser/Browser.scss | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/dashboard/Data/Browser/Browser.scss b/src/dashboard/Data/Browser/Browser.scss index b39eee98cb..2aded4f6d8 100644 --- a/src/dashboard/Data/Browser/Browser.scss +++ b/src/dashboard/Data/Browser/Browser.scss @@ -14,12 +14,14 @@ right: 0; bottom: 0; overflow: auto; + width: calc(100% - 300px); padding-top: 30px; } body:global(.expanded) { .browser { left: $sidebarCollapsedWidth; + width: calc(100% - $sidebarCollapsedWidth); } } @@ -82,9 +84,8 @@ body:global(.expanded) { top: 30px; bottom: 0; left: 0; - min-width: 100%; - overflow-y: auto; - overflow-x: hidden; + width: 100%; + overflow: auto; } .table .empty { From 710d3c59d4fa7a3a2a98f1674762346c43a4882b Mon Sep 17 00:00:00 2001 From: Ashish Baravaliya Date: Sun, 11 Jun 2023 11:39:06 -0400 Subject: [PATCH 2/2] fix: set position of header sticky --- src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss | 2 +- src/dashboard/Data/Browser/Browser.scss | 2 -- 2 files changed, 1 insertion(+), 3 deletions(-) diff --git a/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss b/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss index df45061d13..df511a075c 100644 --- 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 index 2aded4f6d8..6d3ea83a4e 100644 --- a/src/dashboard/Data/Browser/Browser.scss +++ b/src/dashboard/Data/Browser/Browser.scss @@ -15,7 +15,6 @@ bottom: 0; overflow: auto; width: calc(100% - 300px); - padding-top: 30px; } body:global(.expanded) { @@ -85,7 +84,6 @@ body:global(.expanded) { bottom: 0; left: 0; width: 100%; - overflow: auto; } .table .empty {