govau/design-system-components

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

Open

#855 aberto em 23 de jul. de 2019

Ver no GitHub
 (1 comment) (0 reactions) (0 assignees)HTML (115 forks)batch import
enhancementgood first issuesm7submitted by user

Métricas do repositório

Stars
 (741 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

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:

Guia do colaborador

Direção de pesquisa
Localize a regra CSS para `.au text input number` nas folhas de estilo do projeto, provavelmente em um arquivo como `components/input/styles.css`. Substitua a declaração de fonte monoespaçada atual por `font variant: tabular nums`. Teste para garantir que a entrada numérica apareça conforme desejado e verifique a compatibilidade entre navegadores de `font variant: tabular nums`.
Pilha de tecnologia
htmlcss
Domain
frontenddesign
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Menos de 1 hora
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Antigo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
Basic CSS knowledge
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
80