The animated tabpanes won't work out of the box
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 38/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- react, typescript
- 領域
- frontend
調査の方向性
まず、タブペインの実装と、パッケージの現在のスタイリングまたはビルドのエントリーポイントを特定します。issue では、影響を受けるセレクターとして .rc-tabs-content、.rc-tabs-content-animated、.rc-tabs-tabpane が示されています。アニメーション付きタブペインが利用側の CSS なしで動作することを確認し、タブバー用のスタイルをコピーして変更できる、パッケージに含めるスタイルシートのアプローチを定義します。
索引モデルが issue の本文から書いたものです。
説明
Hi,
I had to add this CSS to make it work:
.rc-tabs-content {
display: flex;
width: 100%;
}
.rc-tabs-content-animated {
-webkit-transition: margin 0.3s;
-moz-transition: margin 0.3s;
-ms-transition: margin 0.3s;
-o-transition: margin 0.3s;
transition: margin 0.3s;
}
.rc-tabs-tabpane {
width: 100%;
flex: none;
}
I think it would be a good idea to add those style properties to the components by default. Also the whole tab bar is fully not styled at all. I understand why this is the case, but it would be great to package a stylesheet that has any beautiful predefined style that can be copied and modified for those who only need little changes.
- 主要言語
- TypeScript
- スター
- 572
- フォーク
- 241
- 平均マージ
- 4日 18時間
- マージ済み PR（30日）
- 4
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
react-component/tabs のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
react-component/tabs#865 · コメント 1 件 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
react-component/tabs#809 · コメント 1 件 ·
-
難易度 4/5 3〜5日 初心者へのやさしさ 64/100
react-component/tabs#1013 · コメント 1 件 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 48/100
react-component/tabs#777 · リアクション 1 件 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 25/100
react-component/tabs#726 ·
react-component/tabs の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
mksglu/context-mode#1200 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
jaegertracing/jaeger-ui#4506 ·
-
area:desktop area:ui bug platform:macos
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
anthropics/claude-code#96687 ·
-
good first issue
難易度 1/5 1時間未満 初心者へのやさしさ 95/100
AOSSIE-Org/DebateAI#582 · コメント 2 件 ·