popcodeorg / popcodeorg/popcode
Highlight CSS selectors that match 0 elements
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- JavaScript
- Sterne
- 191
- Forks
- 143
- Ø Merge
- 4 T. 11 Std.
- Gemergte PRs (30 T.)
- 5
Beschreibung
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.
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne damit, das bestehende Fehler-Randspaltensymbol und das Hover-Verhalten nachzuverfolgen, die das Issue als vorherige Implementierung identifiziert, und finde dann heraus, wo CSS-Selektoren im Editor ausgewertet werden. Als abgeschlossen gilt, wenn Selektoren, die auf null Seitenelemente passen, die vorgeschlagene Warnbehandlung erhalten, beginnend mit einem Randspaltensymbol und erklärendem Hover-Text.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- css, javascript
- Bereich
- frontend, tooling, web-dev
- Issue-Typ
- Feature
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 45/100