govau/design-system-components

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

Open

#855 ouverte le 23 juil. 2019

Voir sur GitHub
 (1 commentaire) (0 réactions) (0 assignés)HTML (115 forks)batch import
enhancementgood first issuesm7submitted by user

Métriques du dépôt

Stars
 (741 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

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:

Guide contributeur

Direction de recherche
Localisez la règle CSS pour `.au text input number` dans les feuilles de style du projet, probablement dans un fichier comme `components/input/styles.css`. Remplacez la déclaration de police à chasse fixe actuelle par `font variant: tabular nums`. Testez pour vous assurer que le champ de saisie numérique apparaît comme souhaité et vérifiez la compatibilité multi navigateurs de `font variant: tabular nums`.
Stack technique
htmlcss
Domaine
frontenddesign
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Moins d'une heure
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Ancienne
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
Basic CSS knowledge
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
80