popcodeorg / popcodeorg/popcode

Highlight CSS selectors that match 0 elements

Ouverte
#1,355 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

feature
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:

  1. A yellow/orange squiggly underline
  2. A warning symbol (triangle with exclamation mark) in the gutter (like we do for errors but with a different symbol)
  3. 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

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. 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

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.