patternfly / patternfly/patternfly-react

Bug - RTL demo cleanup

オープン
#12,351 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

PF Team Stale
主要言語
TypeScript
スター
862
フォーク
392
平均マージ
4日 8時間
マージ済み PR(30日)
9

説明

Noticed this page could use some updates https://www.patternfly.org/patterns/right-to-left/react-demos/paginated-table/

  • Remove the card wrapping the page content

  • Update probably all of the <Icon /> components to use the inline variant so they inherit the icon color from their parent. You can see the problem when switching to dark theme

  • On mobile the masthead menu goes off screen as seen in Exhibit A

  • The logo shifts away from the hamburger menu in RTL as seen in Exhibit B

References

Exhibit A

image

Exhibit B

image


Jira Issue: PF-3991

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

リンク先の PatternFly ページにある RTL のページネーション付き React テーブルのデモから始め、カードのラッパー、Icon コンポーネント、masthead メニュー、ロゴのレイアウトを確認します。完了条件は、カードが削除され、ダークテーマでアイコンが親の色を継承し、RTL のモバイル表示で masthead とロゴが正しく配置されたままになることです。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react, typescript
領域
design, frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
静か
明瞭さ
おおむね明確
初心者へのやさしさ
58/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。