fix: data tooltip sizing

2026-05-02 21:08:12 +00:00 · 2025-04-04 20:11:18 +02:00
parent f1720c88e8
commit 50f573e8c6
1 changed files with 10 additions and 1 deletions
@@ -128,14 +128,23 @@ button {
  &:hover::after,
  &:focus-visible::after {
    position: absolute;
-    transform: translateX(10px);

    content: attr(data-tooltip);
    color: white;
    background: black;
+    border-radius: 0.5em;
+    margin: 0 0.75em;
    padding: 0.5em;
+
    max-width: 300px;
+
    z-index: 100;
+
+    @media screen and (max-width: $breakpointSm) {
+      left: 50%;
+      transform: translate(-50%, 3ex);
+      text-align: center;
+    }
  }
 }