[Beta] Ensure correct usage of :betterhover
Personne n'a encore pris cette issue.
- Langage dominant
- JavaScript
- Étoiles
- 11.8k
- Forks
- 7.9k
- Merge moyen
- 1 j 11 h
- PR mergées (30 j)
- 11
Description
It seems that when dark mode was added, some usage of :hover is missing betterhover class prefix
https://github.com/reactjs/reactjs.org/blob/beta/src/components/DocsFooter.tsx#L73
:betterhover is needed to only apply hover CSS on devices that support it (its secretly a media query under the hood). While not as good as react-aria/react-stately's hover detection hook (which understands if hybrid devices are in touch mode or not, the betterhover variant/screen is the next best CSS-only equivalent.
Guide de contribution
Ouvrir le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Piste de recherche
Commencez dans src/components/DocsFooter.tsx, vers la ligne 73, et comparez l’utilisation de hover avec le style du mode sombre et l’exigence betterhover de l’issue. La tâche est terminée lorsque le CSS de hover concerné utilise le préfixe betterhover afin de ne s’appliquer que sur les appareils prenant en charge hover.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- javascript, react
- Domaine
- frontend
- Type d'issue
- Bug
- Difficulté
- 1/5
- Temps estimé
- Moins d'une heure
- Activité
- À l'abandon
- Clarté
- Clairement spécifiée
- Accessibilité débutants
- 55/100