Move z-index values to own z-indices file

airbytehq · Aug 10, 2022 · 111e072 · 111e072
1 parent b8d7666
commit 111e072
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/airbyte-webapp/src/components/ToolTip/ToolTip.module.scss b/airbyte-webapp/src/components/ToolTip/ToolTip.module.scss
@@ -1,5 +1,6 @@
 @use "../../scss/colors";
 @use "../../scss/variables";
+@use "../../scss/z-indices";
 
 .container {
   display: inline;
@@ -13,7 +14,7 @@
   padding: variables.$spacing-md;
   border-radius: 5px;
   max-width: 300px;
-  z-index: variables.$z-tooltip;
+  z-index: z-indices.$tooltip;
   box-shadow: 0px 2px 4px rgba(colors.$dark-blue, 0.12);
   background: rgba(colors.$dark-blue, 0.9);
   color: colors.$white;

diff --git a/airbyte-webapp/src/scss/_variables.scss b/airbyte-webapp/src/scss/_variables.scss
@@ -22,6 +22,3 @@ $width-modal-sm: 492px;
 $width-modal-md: 585px;
 $width-modal-lg: 940px;
 $width-modal-xl: 1008px;
-
-$z-sidebar: 9999;
-$z-tooltip: $z-sidebar + 1;
diff --git a/airbyte-webapp/src/scss/_z-indices.scss b/airbyte-webapp/src/scss/_z-indices.scss
@@ -0,0 +1,2 @@
+$sidebar: 9999;
+$tooltip: 9999 + 1;