undp / design-system

UNDP Design System
https://design.undp.org
MIT License
23 stars 13 forks source link

Menu items should use consistent and accessible states #1247

Closed theadamparker closed 2 months ago

theadamparker commented 1 year ago

Currently the menu items for 1) sidebar, 2) dropdown menu, and 3) language switcher use inconsistent treatments for hover effects. Furthermore, not all treatments are consistently visible (example).

Screen Shot 2023-07-07 at 10 38 35 AM

The state for these components should be reviewed and aligned.

vern-gora commented 3 months ago

I have tried various style configurations and also changed the color to shades very close to #edeff0, but the gray hover effect still doesn't display on the second monitor (although it works fine with other colors). I think the issue might be with the second monitor or possibly the use of GPU resources. When the browser uses GPU, it increases performance, but sometimes there are issues with rendering graphics, especially on the second monitor. Problems such as anomalies in page rendering, decreased performance, or incorrect rendering of certain graphical effects (e.g., animations or hovers) can occur.