shoelace-style/webawesome

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

Open

#2,571 创建于 2026年6月30日

在 GitHub 查看
 (0 评论) (0 反应) (0 负责人)TypeScript (157 fork)github user discovery
buggood first issuehelp wanted

仓库指标

Star
 (1,104 star)
PR 合并指标
 (PR 指标待抓取)

描述

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.

贡献者指南

研究方向
检查颜色选择器组件中色块部分的CSS网格或弹性盒布局。确保色块大小固定，或使用一致的网格使每个色块占据相同空间，无论数量多少。查看组件的样式和模板中是否有动态调整大小的逻辑。
技术栈
typescripthtmlcss
领域
frontend
议题类型
缺陷
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 小时
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
活跃
清晰度议题是否清楚说明期望改动、验收标准和下一步。
清晰
前置要求
CSSweb components
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
80