CommunityToolkit / CommunityToolkit/Windows

Align SettingsExpander inner content correctly when icon collapsed

Ouverte
#415 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
bug components::controls::settingscontrols ux 🖌️
Langage dominant
C#
Étoiles
1.1k
Forks
166
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

### Describe the bug

Let's align inner content too; otherwise, it looks ugly when you collapse fully.

### Steps to reproduce

```text
1. Use calc app going to Settings page.
2. See the issue
```

### Expected behavior

Aligh to the furtherest left.

### Screenshots

![image](https://github.com/CommunityToolkit/Windows/assets/62196528/53c045d3-d132-4aaa-8fcf-522f1d8f94c3)

### Code Platform

- [X] UWP
- [X] WinAppSDK / WinUI 3
- [ ] Web Assembly (WASM)
- [ ] Android
- [ ] iOS
- [ ] MacOS
- [ ] Linux / GTK

### Windows Build Number

- [ ] Windows 10 1809 (Build 17763)
- [ ] Windows 10 1903 (Build 18362)
- [ ] Windows 10 1909 (Build 18363)
- [ ] Windows 10 2004 (Build 19041)
- [ ] Windows 10 20H2 (Build 19042)
- [ ] Windows 10 21H1 (Build 19043)
- [ ] Windows 10 21H2 (Build 19044)
- [ ] Windows 10 22H2 (Build 19045)
- [X] Windows 11 21H2 (Build 22000)
- [ ] Other (specify)

### Other Windows Build number

_No response_

### App minimum and target SDK version

- [ ] Windows 10, version 1809 (Build 17763)
- [ ] Windows 10, version 1903 (Build 18362)
- [ ] Windows 10, version 1909 (Build 18363)
- [ ] Windows 10, version 2004 (Build 19041)
- [ ] Windows 10, version 2104 (Build 20348)
- [ ] Windows 11, version 22H2 (Build 22000)
- [ ] Other (specify)

### Other SDK version

_No response_

### Visual Studio Version

_No response_

### Visual Studio Build Number

_No response_

### Device form factor

_No response_

### Additional context

_No response_

### Help us help you

No, I'm unable to contribute a solution.

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Reproduisez le problème dans la page Settings de l’application calc avec SettingsExpander complètement réduit, puis localisez le code de disposition du contrôle. Vérifiez l’alignement horizontal du contenu interne et confirmez qu’il est aligné complètement à gauche lorsqu’il est réduit sur les plateformes UWP et WinUI prises en charge.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
csharp
Domaine
desktop, frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.