🪟 🎨 replication settings table column width fix (#13797)

* Fixes replication settings table width and columns collapsing behaviour * Adds new scss variable main-page-content-min-width; Replaces main page styles magic numbers with scss variables * Fixes naming of SCSS variable
airbytehq · Jul 21, 2022 · 11a78c1 · 11a78c1
1 parent cfb2493
commit 11a78c1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/airbyte-webapp/src/components/MainPageWithScroll/MainPageWithScroll.module.scss b/airbyte-webapp/src/components/MainPageWithScroll/MainPageWithScroll.module.scss
@@ -9,7 +9,7 @@
 
 .content {
   overflow-y: auto;
-  padding-top: 17px;
   height: 100%;
-  padding-bottom: variables.$spacing-page-bottom;
+  padding: variables.$spacing-lg variables.$spacing-xl variables.$spacing-page-bottom variables.$spacing-xl;
+  min-width: variables.$main-page-content-min-width;
 }
diff --git a/airbyte-webapp/src/scss/_variables.scss b/airbyte-webapp/src/scss/_variables.scss
@@ -14,6 +14,7 @@ $spacing-lg: 15px;
 $spacing-xl: 20px;
 $spacing-2xl: 40px;
 $spacing-page-bottom: 150px;
+$main-page-content-min-width: 960px;
 
 $width-size-menu: 93px;