angular / angular/components

feat(Theming): mat-sys-space

Offen
#31,142 2 Kommentare 3 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: theming feature gemini-triaged needs: discussion P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

### Feature Description

Having a new set of `space` token
Proposed space & naming found in the following article https://uxdesign.cc/ui-cheat-sheet-spacing-friendships-e37a6fccc407

```style
:root {
--mat-sys-space-smallest: 4px; /* BBFE */
--mat-sys-space-smaller: 8px; /* Best friends */
--mat-sys-space-small: 12px;
--mat-sys-space: 16px; /* Close friends */
--mat-sys-space-big: 24px; /* Close-ish friends */
--mat-sys-space-bigger: 32px; /* Friends */
--mat-sys-space-biggest: 64px; /* Acquaintances */
--mat-sys-space-giant: 72px; /* Distant acquaintances */
--mat-sys-space-gargantuan: 128px; /* Stranger */
}
```

### Use Case

Ensure UI coherence across components

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

In der Issue wird keine Datei und kein Test genannt; beginne damit, den vorhandenen Einstiegspunkt für Material-Theming-Tokens und die zugehörigen Tests zu finden. Erledigt ist die Aufgabe, wenn die vorgeschlagenen Space-Tokens die aufgeführten Namen und Werte verwenden und für konsistentes UI-Theming über Komponenten hinweg verfügbar sind.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
design, frontend
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
48/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.