Rounded toggle button issue
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 42/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- css
调研方向
先从 docs/products/buttons.mdx 和 scss/product/components/_buttons.scss 开始，然后复现构建文档时报告的 TypeError。将报告的 slice 错误追踪到圆角 toggle 示例或其样式，并在该示例能够无错误构建且渲染出预期的圆角 toggle 时视为工作完成。
由索引模型根据 Issue 内容生成。
描述
Signed-off-by: ashishjain [email protected]
Trying to add css for Rounded-Toggle-Button , but error giving --
./docs/products/buttons.mdx
TypeError: (intermediate value).slice is not a function
docs/products/buttons.mdx
### Button group with Toggle
<Playground>
<h2>Toggle Switch</h2>
<label class="btn-pill-switch">
<input type="checkbox" style="display: none;">
<span class="pill-toggle pill-round ">primary</span>
</label>
</Playground>
_scss/product/components/buttons.scss
.btn-pill-switch {
position: relative;
display: inline-block;
vertical-align: middle;
width: 48px;
height: 28px;
}
.pill-toggle {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align:center;
padding-top:4px;
background-color: white;
}
.pill-round {
border-radius: 34px;
border:1px solid gray;
}
input:checked + .pill-toggle {
background-color: blue;
color:white;
border:1px solid blue;
}
Attached screenshot for desire result --
- 主要语言
- CSS
- 星标
- 6
- 派生
- 6
- PR 合并指标
- 30 天内没有已合并 PR
环境准备
- 提供 Dockerfile 或 Docker Compose 文件
- 没有 Pull Request 模板
- 没有贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
mayadata-io/de-code 的其他 Issue
-
难度 2/5 1-3 小时 新手友好度 20/100
mayadata-io/de-code#140 ·
-
难度 3/5 1-2 天 新手友好度 35/100
mayadata-io/de-code#137 ·
-
Icons
难度 4/5 3-5 天 新手友好度 35/100
mayadata-io/de-code#136 · 1 条评论 ·
-
Fix wave icon可能重新可做 @kalyantt 于 2557 天前认领，目前没有进行中的 PR。 未关闭
mayadata-io/de-code#105 · 已指派 1 人 ·
-
page Typography
难度 5/5 一周以上 新手友好度 20/100
mayadata-io/de-code#56 ·
查看 mayadata-io/de-code 的全部 Issue
相似的 Issue
-
docs help wanted
难度 1/5 1-3 小时 新手友好度 75/100
-
难度 1/5 1-3 小时 新手友好度 72/100
MattA-Official/vwmcp#20 ·
-
documentation
难度 2/5 1-3 小时 新手友好度 74/100
cosimochellini/one-piece-zero-spoiler#551 ·
维护者通常 1 天内回复
-
documentation good first issue
难度 1/5 1-3 小时 新手友好度 88/100
undergroundrap/hatchling#15 ·
-
enhancement
难度 2/5 1-3 小时 新手友好度 68/100
Albert-Weasker/niubigeo#205 ·
维护者通常 1 天内回复