govau/design-system-components

`.au-text-input--number`: monospaced font, or font-variant property?

Open

#855 geöffnet am 23. Juli 2019

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)HTML (115 Forks)batch import
enhancementgood first issuesm7submitted by user

Repository-Metriken

Stars
 (741 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

Right now, if we add the au-text-input--number it uses our monospace font like so:

It feels kind a bit inconsistent, having different font for number inputs.

image

I think we could make use of the font-variant: tabular-nums property, and keep the letter spacing, so it looks a bit like this instead:

Contributor Guide

Research-Richtung
Suchen Sie die CSS Regel für `.au text input number` in den Stylesheets des Projekts, wahrscheinlich in einer Datei wie `components/input/styles.css`. Ersetzen Sie die aktuelle Festbreitenschrift Deklaration durch `font variant: tabular nums`. Testen Sie, um sicherzustellen, dass die Zahleneingabe wie gewünscht erscheint, und prüfen Sie die browserübergreifende Kompatibilität von `font variant: tabular nums`.
Tech Stack
htmlcss
Domain
frontenddesign
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.
Unter 1 Stunde
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Veraltet
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
Basic CSS knowledge
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
80