shoelace-style/webawesome

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

Open

#2.571 geöffnet am 30. Juni 2026

Auf GitHub ansehen
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (157 Forks)github user discovery
buggood first issuehelp wanted

Repository-Metriken

Stars
 (1.104 Stars)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

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.

Contributor Guide

Research-Richtung
Untersuche das CSS Grid oder Flexbox Layout für den Farbfelder Abschnitt im Color Picker Komponenten. Stelle sicher, dass die Größe der Farbfelder fest ist oder dass ein konsistentes Raster verwendet wird, bei dem jedes Farbfeld unabhängig von der Anzahl den gleichen Platz einnimmt. Überprüfe die Styles und das Template der Komponente auf dynamische Größenlogik.
Tech Stack
typescripthtmlcss
Domain
frontend
Issue Type
Fehler
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.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
CSSweb components
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
80