fix: tooltip in small devices

joao-conde · Nov 25, 2024 · cc0811f · cc0811f
1 parent 70b05cb
commit cc0811f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/site/styles.css b/site/styles.css
@@ -66,6 +66,7 @@ h3 {
   position: relative;
   display: inline-flex;
   cursor: pointer;
+  width: 500px;
 }
 
 .tooltip-icon {
@@ -78,16 +79,15 @@ h3 {
 
 .tooltip .tooltip-text {
   visibility: hidden;
-  max-width: 70%;
   width: 500px;
+  max-width: 60%;
   background-color: rgba(92, 103, 143, 0.8);
   color: white;
   text-align: center;
   border-radius: 5px;
   padding: 5px;
   position: absolute;
   top: -200%;
-  left: 50%;
   transform: translateX(-50%);
   opacity: 0;
   transition: opacity 0.3s ease;