Migrate Bootstrap dropdown to GitLab UI GlDropdown in app/assets/javascripts/boards
The following vue components contain a bootstrap data-toggle="dropdown"
attribute and should be replaced with our new GlDropdown
component:
-
app/assets/javascripts/boards/components/project_select.vue (!49938 (merged)) - [-]
app/assets/javascripts/boards/components/modal/lists_dropdown.vue- the component is being removed (tracked in #292803 (closed))
-
ee/app/assets/javascripts/boards/components/assignee_select.vue -
ee/app/assets/javascripts/boards/components/milestone_select.vue
Instructions
-
Replace uses of data-toggle="dropdown"
with GitLab UI components<gl-dropdown>
,<gl-dropdown-divider>
,<gl-dropdown-header>
, and<gl-dropdown-item>
. -
Take before/after screenshots of each button in the file, and include them in the Merge Request description. -
Request review from a designer within your stage group. If you are outside of a stage group, ping a UX foundations member.
GlDropdown
documentation can be found here: https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/base-dropdown--default
Part of &4134
Edited by Florie Guibert