fix: disable hover modifier for mobile

jupyter-book · Jan 8, 2025 · df8845f · df8845f
1 parent ca8893f
commit df8845f
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/myst-to-react/src/hashLink.tsx b/packages/myst-to-react/src/hashLink.tsx
@@ -84,7 +84,8 @@ export function HashLink({
     <a
       className={classNames('no-underline text-inherit hover:text-inherit', className, {
         'select-none': !canSelectText,
-        'transition-opacity opacity-0 focus:opacity-100 group-hover:opacity-70': hover,
+        '[@media(hover:hover)]:transition-opacity [@media(hover:hover)]:opacity-0 [@media(hover:hover)]:focus:opacity-100 [@media(hover:hover)]:group-hover:opacity-70':
+          hover,
         'hover:underline': !hover,
       })}
       onClick={scroll}