fix(tabs): minor browser issues

computas · Dec 5, 2024 · f91b624 · f91b624
1 parent 4f42b26
commit f91b624
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/components/tabs/tab-link.css b/src/components/tabs/tab-link.css
@@ -9,20 +9,23 @@
   font-size: 1rem;
   font-weight: 500;
 
-  text-decoration: 20% wavy underline;
+  text-decoration-thickness: 2px;
+  text-decoration-style: wavy;
+  text-decoration-line: underline;
   text-decoration-skip-ink: none;
-  text-underline-offset: 20%;
+  text-underline-offset: 0.125rem;
   text-underline-position: from-font;
   text-decoration-color: transparent;
   transition: text-decoration-color 100ms ease, text-underline-offset 100ms ease;
+  user-select: none;
 
   &:hover {
-    text-underline-offset: 30%;
+    text-underline-offset: 0.25rem;
     text-decoration-color: var(--cx-color-text-primary);
   }
 
   &:active {
-    text-underline-offset: 60%;
+    text-underline-offset: 0.5rem;
   }
 }