DiamondLightSource / DiamondLightSource/sci-react-ui

NavMenus do not hide on small screens

オープン
#150 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
accepted priority: low v0.4.0
主要言語
TypeScript
スター
8
フォーク
3
平均マージ
3日 15時間
マージ済み PR(30日)
5

説明

Normal links in the navbar hide away in a popup menu when on a device with a small width.

NavMenus should do the same...

Wide:
![Image](https://github.com/user-attachments/assets/307f78d0-ca4b-49a5-9261-7df84c463cfa)

Thin:
![Image](https://github.com/user-attachments/assets/c36dbc91-bf1f-4a64-a3c0-dc3fcd00223b)

(Perhaps NavMenu and NavLinks component could be combined to facilitate this)

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

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

調査の方向性

TypeScript コンポーネントのソース内で NavMenus と NavLinks コンポーネントを見つけ、通常の navbar リンクが狭い幅でどのように popup に切り替わるかを確認します。issue の wide と thin の例を使って期待される動作を定義し、そのうえで、広いレイアウトを崩すことなく、NavMenus も小さい画面向けの popup で非表示になるか、そこへ移動されることを確認します。

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

評価

技術スタック
react, typescript
領域
frontend
issue の種類
機能追加
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
52/100

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

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