Rounded toggle button issue
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 42/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- css
調査の方向性
docs/products/buttons.mdx と scss/product/components/_buttons.scss から始め、ドキュメントのビルド時に発生する報告された TypeError を再現します。報告された slice エラーを角丸トグルの例またはそのスタイルまで追跡し、例がエラーなしでビルドされ、意図した角丸トグルがレンダリングされれば作業完了とします。
索引モデルが 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 ファイルあり
- プルリクエストのテンプレートなし
- コントリビューションガイドなし
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- 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 日前に担当しましたが、オープン中のプルリクエストはありません。 オープン
mayadata-io/de-code#105 · 担当者 1 名 ·
-
page Typography
難易度 5/5 1週間以上 初心者へのやさしさ 20/100
mayadata-io/de-code#56 ·
mayadata-io/de-code の issue をすべて見る
似ている issue
-
難易度 1/5 1〜3時間 初心者へのやさしさ 91/100
alchaincyf/nuwa-skill#86 ·
-
Docs Needs Triage
難易度 1/5 1時間未満 初心者へのやさしさ 88/100
pandas-dev/pandas#71055 ·
メンテナーはふだん 1 日以内に返信
-
needs-triage release-watch
難易度 1/5 1時間未満 初心者へのやさしさ 76/100
-
P1
難易度 2/5 1〜3時間 初心者へのやさしさ 66/100
SuruchBoss/Cwork#90 ·
-
難易度 1/5 1時間未満 初心者へのやさしさ 85/100