popcodeorg / popcodeorg/popcode
Highlight CSS selectors that match 0 elements
Personne n'a encore pris cette issue.
- Langage dominant
- JavaScript
- Étoiles
- 191
- Forks
- 143
- Merge moyen
- 4 j 11 h
- PR mergées (30 j)
- 5
Description
If the user writes a CSS selector that doesn't match any elements of the page, then it's quite likely that they made a mistake/typo and that something in their project doesn't work as a result. We should highlight these selectors with:
- A yellow/orange squiggly underline
- A warning symbol (triangle with exclamation mark) in the gutter (like we do for errors but with a different symbol)
- A popup with explanatory text when you hover either the symbol in the gutter (like we do for errors) or the underlined text
To start with, we could just do the gutter symbol with hover text, since we already do that for errors, so there's prior art.
Guide de contribution
Aucun guide de contribution indexé pour ce dépôt
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 par suivre le symbole existant dans la gouttière des erreurs et le comportement au survol, que l’issue identifie comme une implémentation de référence, puis trouvez où les sélecteurs CSS sont évalués dans l’éditeur. Le travail est terminé lorsque les sélecteurs correspondant à zéro élément de la page reçoivent le traitement d’avertissement proposé, en commençant par un symbole dans la gouttière et un texte explicatif au survol.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- css, javascript
- Domaine
- frontend, tooling, web-dev
- Type d'issue
- Fonctionnalité
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 45/100