Closed sravya03 closed 5 years ago
Fluent Web uses this elevate on hover design. Take a look at the Microsoft Store app pages
Here is a look at 4 different Microsoft buttons using Fluent Design.
And on the right is an idea how you could blend those ideas into a new design
This proposal is being closed in favor of the another proposal (#1054) that was created that better defines the scope of the ask.
BTW, I do believe the other proposal does cover the suggestion @mdtauk mentioned in one of the feedback.
@mdtauk , @sravya03 FYI
Re-opening this because more systematic update to the button (#1054) was tabled but we still want to do the visual update to remove the border during hover state in WinUI2.2 to bring the design more in line to be more coherent and familiar. This change and #839 should be done together to align the design amongst the set of controls.
@chigy Is there a rationale why the Slider hover is the Theme Base High colour, and not Accent Light 1/2 like with the hover on the Accent coloured Button/Checkbox/RadioButton/ToggleSwitch?
@mdtauk , you should open it as a proposal or idea. For this change, we are minimizing impact by not touching controls other than button related since we are trying to target WinUI2.2 release which is coming up shortly.
@chigy #1193 Done
:tada:This issue was addressed in #1171, which has now been successfully released as Microsoft.UI.Xaml v2.2.190822001-prerelease
.:tada:
Handy links:
Summary
Update the hover visual to align more with the depth model. When item is hovered over, the item is lifted. When you get closer to the item, the color becomes lighter.
Rationale
Important Notes
Here are the scoped changes proposed. Ones with asterisk are places where change is proposed.![image](https://user-images.githubusercontent.com/22958680/62231877-bf18d080-b379-11e9-8e4c-a9d9c19aa409.png)
Controls impacted: