Skip to content

Replace bootstrap Dropdown to gitlab-ui Dropdown

What does this MR do and why?

Describe in detail what your merge request does and why.

This MR will solve: #348606 (closed)

  1. bootstrap legacy dropdown is substituted with GlDropdown
  2. Static dropdown uses default version of dropdown
  3. Dropdown with search and async data loading is replaced with 'with search version'
  4. GlLoadingIcon is used explicitly because built-it loading prop for dropdown doesn't look similar to required design
  5. Legacy dropdown is removed with according test (it is not used anywhere else)
  6. Async data loading for template list happens only when dropdown opens, only when show event is used, not toggle.

Screenshots or screen recordings

before
Screenshot_2022-02-25_at_14.25.27 Screenshot_2022-02-25_at_14.25.20 Screenshot_2022-02-25_at_14.25.09
after
Screenshot_2022-02-25_at_14.27.46

Screenshot_2022-02-25_at_14.27.59

Screenshot_2022-02-25_at_14.27.52

These are strongly recommended to assist reviewers and reduce the time to merge your change.

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. Go to project files /root/$PROJECT/
  2. Select any file (.gitlab-ci.yml for better example)
  3. Click Edit in Web IDE.

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 Artur Fedorov

Merge request reports

Loading