govau/design-system-components

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

Open

#855 aperta il 23 lug 2019

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)HTML (115 fork)batch import
enhancementgood first issuesm7submitted by user

Metriche repository

Star
 (741 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

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:

Guida contributor

Direzione di ricerca
Individua la regola CSS per `.au text input number` nei fogli di stile del progetto, probabilmente in un file come `components/input/styles.css`. Sostituisci la dichiarazione del font monospazio attuale con `font variant: tabular nums`. Testa per assicurarti che l'input numerico appaia come desiderato e verifica la compatibilità cross browser di `font variant: tabular nums`.
Tech stack
htmlcss
Dominio
frontenddesign
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Basic CSS knowledge
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80