CommunityToolkit / CommunityToolkit/Windows
Spacing issue in ColorPicker-Flyout from ColorPickerButton
- Lenguaje dominante
- C#
- Estrellas
- 1.1k
- Forks
- 166
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Descripción
### Describe the bug
Hi,
In moving from Toolkit 7 to 8 I encountered the issue that the size of the Flyout on the first page is too tall. Likely because the second palette page is longer than in the 7.1 design?
I made this screen recording to show the issue:
https://github.com/CommunityToolkit/Windows/assets/471338/743fa89b-aaa3-484d-8db6-64e6eb3825a7
### Steps to reproduce
Starting from an empty WinUI3 template, I added a ColorPickerButton and the CommunityToolkit.WinUI.Controls.ColorPicker nuget package.
MainWindow.xaml
```xaml
xmlns:controls="using:CommunityToolkit.WinUI.Controls"
[...]
```
App6.csproj
```xml
net8.0-windows10.0.22621.0
10.0.17763.0
[...]
```
### Expected behavior
The old design had two pages that where the same height.
I think the spacing of the initial page with the color spectrum can be improved, or the palette page can be condensed a bit so that both pages are of similar height.
### Screenshots
See screen recording above.
### Code Platform
- [ ] 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
- [X] 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
2022
### Visual Studio Build Number
VisualStudio.17.Release/17.10.3+35013.160
### Device form factor
Desktop
### Additional context
I did not follow the redesign of this component closely, maybe this was an intentional design change? I can see multiple ways to fix this issue.
### Help us help you
No, I'm unable to contribute a solution.
Guía de contribución
Línea de trabajo
Comienza con la reproducción mínima de WinUI 3 en MainWindow.xaml y App6.csproj, utilizando ColorPickerButton del paquete CommunityToolkit.WinUI.Controls.ColorPicker. Compara la página de espectro inicial de ColorPicker-Flyout con su página de paleta y con el diseño anterior. Se considera terminado cuando las dos páginas tienen alturas similares sin un espaciado excesivo en la página inicial.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- csharp
- Área
- design, frontend
- Tipo de issue
- Error
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 35/100