[Beta] Ensure correct usage of :betterhover
Nadie ha tomado este issue todavía.
- Lenguaje dominante
- JavaScript
- Estrellas
- 11.8k
- Forks
- 7.9k
- Merge medio
- 1 d 11 h
- PR fusionados (30 d)
- 11
Descripción
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.
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Línea de trabajo
Empieza en src/components/DocsFooter.tsx, alrededor de la línea 73, y compara el uso de hover con el estilo de modo oscuro y el requisito betterhover del issue. Se considera hecho cuando el CSS de hover afectado usa el prefijo betterhover para que se aplique solo en dispositivos compatibles con hover.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- javascript, react
- Área
- frontend
- Tipo de issue
- Error
- Dificultad
- 1/5
- Tiempo estimado
- Menos de una hora
- Estado de actividad
- Estancado
- Claridad
- Bien especificado
- Aptitud para principiantes
- 55/100