Merge pull request #932 from SwedbankPay/feature/SWED-2390-bugfix_too…

…ltip SWED-2390 fix style tooltips position bug
SwedbankPay · Jan 23, 2024 · 1f5bce7 · 1f5bce7
2 parents 2f55e0b + 91f02b5
commit 1f5bce7
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/less/components/tooltip.less b/src/less/components/tooltip.less
@@ -1,11 +1,14 @@
 .tooltip {
+	position: relative;
+	cursor: pointer;
+
 	&:hover {
-		border-color: @brand-secondary;
+		border-color: var(--brand-secondary);
 	}
 
 	&:focus-visible,
 	&:active {
-		outline: 2px solid @brand-secondary;
+		outline: 2px solid var(--brand-secondary);
 	}
 
 	&.isVisible {
@@ -41,8 +44,8 @@
 		max-width: 250px;
 		top: -8px;
 		transform: translateX(-50%) translateY(-100%);
-		background: @white;
-		color: @brand-secondary;
+		background: var(--white);
+		color: var(--brand-secondary);
 		text-align: center;
 		font-size: 0.875rem;
 		line-height: 1.5;