Skip to content

Dropdown UX improvements

Paul Gascou-Vaillancourt requested to merge dropdown-ux-improvements into master

What does this MR do and why?

This improves a few dropdowns' UX by leveraging props that maybe weren't available when they were migrated to the new dropdown components.

Screenshots or screen recordings

Dropdown Before After
Global notification setting (/-/profile/notifications) Screenshot_2023-06-20_at_4.04.43_PM Screenshot_2023-06-20_at_3.59.13_PM
Groups notification settings (/-/profile/notifications) Screenshot_2023-06-20_at_4.04.32_PM Screenshot_2023-06-20_at_3.59.58_PM
Homepage user preference (/-/profile/preferences) Screenshot_2023-06-20_at_4.04.17_PM Screenshot_2023-06-20_at_4.00.52_PM
Language user preference (/-/profile/preferences) Screenshot_2023-06-20_at_4.04.05_PM Screenshot_2023-06-20_at_4.01.11_PM
Pipeline stage dropdown (any CI job in a mutli-stage pipeline) Screenshot_2023-06-20_at_4.02.39_PM Screenshot_2023-06-20_at_4.02.02_PM

How to set up and validate locally

Please refer to the table to see where those dropdowns can be seen within the app.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Paul Gascou-Vaillancourt

Merge request reports