Merge pull request #76 from newfold-labs/hotfix/Basic-info-ToolTip-Re…

…sponsiveness Responsive ToolTip
newfold-labs · Sep 9, 2022 · d42b013 · d42b013
2 parents 8744a9f + 1eaa7bb
commit d42b013
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/OnboardingSPA/components/Tooltip/stylesheet.scss b/src/OnboardingSPA/components/Tooltip/stylesheet.scss
@@ -1,6 +1,6 @@
 
 $tooltip-text-color: white;
-$tooltip-background-color: rgba(0, 0, 0, 0.83);
+$tooltip-background-color: rgba(0, 0, 0, 0.75);
 $tooltip-margin: 35px;
 $tooltip-arrow-size: 6px;
 
@@ -16,8 +16,8 @@ $tooltip-arrow-size: 6px;
     position: absolute;
     border-radius: 4px;
     left: 50%;
-    transform: translateX(-50%);
-    padding: 8px;
+    transform: translateX(-40%);
+    padding: 6px;
     color: $tooltip-text-color;
     background: $tooltip-background-color;
     font-size: 12px;
@@ -40,7 +40,6 @@ $tooltip-arrow-size: 6px;
 /* Absolute positioning */
 .Tooltip-Tip.top {
     top: calc($tooltip-margin * -1);
-    transform: translateX(2%);
 }
 
 /* CSS border triangles */