kdzwinel/CSS-Diff

Show relative units as relative units

Open

#11 geöffnet am 24. Sept. 2014

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (21 Forks)github user discovery
enhancementhelp wanted

Repository-Metriken

Stars
 (201 Stars)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

I like that CSS-Diff show computed differences, but what about when using %'s and ems?

It's great if I can see Div A is 100px wide and Div B is 202px wide, but it would be great if CSS-Diff would show me something that would let me know the reason A is 100px wide is because the stylesheet is setting it to width: 25% and that B is 202px wide because either I've set it to explicitly be 202px wide, or because I've set it to be width: 50.25%

Contributor Guide

Research-Richtung
Untersuche, wie berechnete Stile in der Erweiterung abgerufen und angezeigt werden. Finde die Stelle, an der Pixelwerte formatiert werden, und füge Logik hinzu, um die ursprüngliche Einheit aus dem Stylesheet zu erkennen (z.B. mit `getPropertyValue` oder durch Überprüfung von CSS Regeln). Ordne die berechneten Werte nach Möglichkeit relativen Einheiten zu.
Tech Stack
javascript
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
CSSChrome Extension basics
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75