microsoft/PowerToys

[RegistryPreview] Rethink commandbar to increase density

Open

#34,304 opened on 2024年8月15日

GitHub で見る
 (2 comments) (1 reaction) (0 assignees)C# (7,978 forks)batch import
Area-User InterfaceCost-SmallHelp WantedIdea-EnhancementProduct-Registry Preview

Repository metrics

Stars
 (133,154 stars)
PR merge metrics
 (平均マージ 14d 20h) (30d で 117 merged PRs)

説明

Description of the new feature / enhancement

image image

There are too many rounded corners in the page, and the segmentation is too messy. By aligning to the design file of FDS, referring to the first-party design such as Notepad, we can achieve-

The segmentation from edge to edge makes the design look simple, neat and crisp. Match the first-party design to improve the unity. Reserve the possibility of adding multi-tab support in the future.

Scenario when this would be used?

Supporting information

https://www.figma.com/community/file/1159947337437047524/windows-ui-3 image

According to the official design specification, the standard title bar-toolbar-content view is as shown in the figure. There is no separate toolbar rounded background.

You can find it in the official Figma file

コントリビューターガイド

調査方針
Registry Preview モジュールの既存のコマンドバー UI（src/modules/registrypreview 下の XAML ファイルにある可能性が高い）を調査します。角丸が過剰でセグメンテーションが多い領域を特定します。リンクされた Figma ファイルと Windows UI 3 デザインガイドラインを参照し、端から端までの外観を実装します。将来的なマルチタブサポートの追加方法を考慮します。目標は、機能を損なうことなく、密度を高め、ファーストパーティのデザインに合わせることです。
技術スタック
csharp
領域
frontend
Issue 種別
機能
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
半日
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
新着
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
Git
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
60