microsoft / microsoft-ui-xaml

Windows UI Library: the latest Windows 10 native controls and Fluent styles for your applications
MIT License
6.27k stars 674 forks source link

Color Picker in WinUI2.7 Color options should be laid out left to right #5907

Open sanderl opened 2 years ago

sanderl commented 2 years ago

Describe the bug

The new color picker UI in the most detailed view, has the resulting color between the color selection options. It would be more clear if the user chose options from left to right and had a resulting color as the last item. image

Steps to reproduce the bug

Steps to reproduce the behavior:

  1. Select the color in the color picker.
  2. The resulting color is impacted by controls on the left and right of the resulting color.
  3. Expected behavior

    Users select the color options on the left of the resulting color. So the user would see (starting on the left) the color selector, then the color values control, then the opacity values and then the color preview control.

Version Info

WinUI 2.7

NuGet package version:

Microsoft.UI.Xaml.2.7.0

Windows app type: UWP Win32
Windows version Saw the problem?
Insider Build (xxxxx)
May 2021 Update (19043)
October 2020 Update (19042)
May 2020 Update (19041)
November 2019 Update (18363)
May 2019 Update (18362)
October 2018 Update (17763)
April 2018 Update (17134)
Fall Creators Update (16299)
Creators Update (15063)
Device form factor Saw the problem?
Desktop
Xbox
Surface Hub
IoT

Additional context

marcelwgn commented 2 years ago

I think this is by design (and not really bad at all) but that's just my opinion. @gabbybilka FYI

StephenLPeters commented 2 years ago

Proposal is to move the color preview all the way to the right.

sanderl commented 2 years ago

Proposal is to move the color preview all the way to the right.

Yes. That is my proposal because then all of the color adjusters are grouped together and they show an output of the preview color.