shoelace-style/webawesome

`<wa-color-picker>` draws swatches too big when only a few are present

Open

#2.571 aberto em 30 de jun. de 2026

Ver no GitHub
 (0 comments) (0 reactions) (0 assignees)TypeScript (157 forks)github user discovery
buggood first issuehelp wanted

Métricas do repositório

Stars
 (1.104 stars)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

Repro:

<wa-color-picker label="Select a color" swatches="red; green; blue;"></wa-color-picker>

Result:

Expected behavior: swatches should be the same size as shown when the row is full, even when there is only one.

Guia do colaborador

Direção de pesquisa
Examine o layout CSS grid ou flexbox para a seção de amostras no componente seletor de cores. Certifique se de que o tamanho das amostras seja fixo ou use uma grade consistente onde cada amostra ocupa o mesmo espaço, independentemente da quantidade. Verifique os estilos e o template do componente para qualquer lógica de dimensionamento dinâmico.
Pilha de tecnologia
typescripthtmlcss
Domain
frontend
Tipo Issue
Bug
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.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
CSSweb components
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
80