Skip to content

WIP: Migrate dashboard dropdowns to 'new dropdown'

Miguel Rincon requested to merge 214582-new-dropdowns-dashboard-header into master

What does this MR do?

Preparation for #214582 (closed). As part of the effort to "star" or select a dashboard as a favorite we should display more information in each dropdown.

This MR migrates dashboard dropdowns to the new dropdown design and layout.

This change helps by migrating to the new dropdown that supports checked items and icons.

Introduces a consistency UX debt

  • By adding the new dropdown, the header appearance becomes slightly inconsistent by keeping buttons on the right that are not yet compliant with the new design.
    • This is mitigated by having the refresh button updated, so buttons that look different are in different corners of the header.

Screenshots

before after
image Screen_Shot_2020-05-06_at_10.38.43_AM
image Screen_Shot_2020-05-06_at_10.38.52_AM

Does this MR meet the acceptance criteria?

Conformity

Availability and Testing

Security

If this MR contains changes to processing or storing of credentials or tokens, authorization and authentication methods and other items described in the security review guidelines:

  • Label as security and @ mention @gitlab-com/gl-security/appsec
  • The MR includes necessary changes to maintain consistency between UI, API, email, or other methods
  • Security reports checked/validated by a reviewer from the AppSec team

Closes #214582 (closed)

Edited by 🤖 GitLab Bot 🤖

Merge request reports