From 03c73b4c47ea6675f1897bc87e44487e5615b72b Mon Sep 17 00:00:00 2001
From: olayway <ola@yway.pl>
Date: Wed, 18 May 2022 22:00:56 +0200
Subject: [PATCH] [site/components][s]: tooltip fade-out element fix

---
 site/styles/global.css | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/site/styles/global.css b/site/styles/global.css
index f124617..d295411 100644
--- a/site/styles/global.css
+++ b/site/styles/global.css
@@ -31,11 +31,10 @@ body {
 /* tooltip fade-out clip */
 .tooltip-body::after {
   content: "";
-  text-align: right;
   position: absolute;
-  bottom: 0;
   right: 0;
-  width: 30%;
-  height: 1.2em;
+  top: 2.4rem; /* multiple of $line-height used on the tooltip body */
+  height: 1.2rem; /* ($top + $height)/$line-height is the number of lines we want to clip tooltip text at*/
+  width: 10rem;
   background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
 }