[RegistryPreview] Rethink commandbar to increase density · microsoft/PowerToys#34304

(2 commenti) (1 reazione) (0 assegnatari)C# (7978 fork)batch import

Area-User InterfaceCost-SmallHelp WantedIdea-EnhancementProduct-Registry Preview

Metriche repository

Star: (133.154 star)
Metriche merge PR: (Merge medio 14g 20h) (117 PR mergiate in 30 g)

Descrizione

Description of the new feature / enhancement

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

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

Guida contributor

Direzione di ricerca: Esamina l'interfaccia utente della barra dei comandi esistente nel modulo Registry Preview, probabilmente nei file XAML in src/modules/registrypreview. Identifica le aree con angoli arrotondati eccessivi e segmentazione. Fai riferimento al file Figma collegato e alle linee guida di progettazione Windows UI 3 per implementare un aspetto edge to edge. Considera come potrebbe essere aggiunto il supporto multi tab in futuro. L'obiettivo è aumentare la densità e corrispondere al design di prima parte senza compromettere la funzionalità.
Tech stack: csharp
Dominio: frontend
Tipo issue: Funzionalità
Difficoltà: 3
Tempo stimato: Mezza giornata
Stato attività: Nuova
Chiarezza: Chiara
Prerequisiti: Git
Adatta ai principianti: 60