Determine how to replace Bootstrap dropdown with GitLab UI dropdown in HAML files

We do not have a clear migration path for replacing manual data-toggle="dropdown" style bootstrap dropdowns in HAML templates with our GitLab UI implementation.

Using the following command yields a list of affected files:

rg "(toggle['\"\\s]*(:|=>).*dropdown)|data-toggle=\"dropdown\"|dropdown_tag\b" -l --glob="!spec/*" --glob="!ee/spec/*" | sort

85 files found in da560e59

app/assets/javascripts/create_item_dropdown.js
app/assets/javascripts/issue_show/components/fields/description_template.vue
app/assets/javascripts/notes/components/note_actions.vue
app/assets/javascripts/pipelines/components/graph/job_group_dropdown.vue
app/assets/javascripts/vue_shared/components/dropdown/dropdown_button.vue
app/helpers/boards_helper.rb
app/helpers/dropdowns_helper.rb
app/helpers/issuables_description_templates_helper.rb
app/helpers/labels_helper.rb
app/views/admin/abuse_reports/index.html.haml
app/views/admin/projects/index.html.haml
app/views/admin/projects/show.html.haml
app/views/admin/users/_users.html.haml
app/views/ci/variables/_environment_scope.html.haml
app/views/dashboard/todos/index.html.haml
app/views/explore/projects/_filter.html.haml
app/views/groups/runners/_settings.html.haml
app/views/groups/runners/_sort_dropdown.html.haml
app/views/groups/settings/_transfer.html.haml
app/views/layouts/header/_default.html.haml
app/views/layouts/header/_new_dropdown.html.haml
app/views/layouts/nav/breadcrumbs/_collapsed_dropdown.html.haml
app/views/layouts/nav/_top_nav.html.haml
app/views/layouts/_search.html.haml
app/views/layouts/terms.html.haml
app/views/profiles/show.html.haml
app/views/projects/blob/_template_selectors.html.haml
app/views/projects/branches/new.html.haml
app/views/projects/buttons/_clone.html.haml
app/views/projects/buttons/_download.html.haml
app/views/projects/buttons/_dropdown.html.haml
app/views/projects/deployments/_actions.haml
app/views/projects/forks/index.html.haml
app/views/projects/merge_requests/_close_reopen_draft_report_toggle.html.haml
app/views/projects/merge_requests/creations/_new_compare.html.haml
app/views/projects/merge_requests/_mr_title.html.haml
app/views/projects/notes/_more_actions_dropdown.html.haml
app/views/projects/pipeline_schedules/_form.html.haml
app/views/projects/protected_branches/_create_protected_branch.html.haml
app/views/projects/protected_branches/shared/_dropdown.html.haml
app/views/projects/protected_tags/_create_protected_tag.html.haml
app/views/projects/protected_tags/_protected_tag_create_access_levels.haml
app/views/projects/protected_tags/shared/_dropdown.html.haml
app/views/projects/starrers/index.html.haml
app/views/projects/tags/new.html.haml
app/views/shared/_clone_panel.html.haml
app/views/shared/groups/_dropdown.html.haml
app/views/shared/issuable/_bulk_update_sidebar.html.haml
app/views/shared/issuable/form/_metadata_issuable_assignee.html.haml
app/views/shared/issuable/form/_metadata_issuable_reviewer.html.haml
app/views/shared/issuable/form/_template_selector.html.haml
app/views/shared/issuable/form/_type_selector.html.haml
app/views/shared/issuable/_milestone_dropdown.html.haml
app/views/shared/issuable/_search_bar.html.haml
app/views/shared/issuable/_sidebar.html.haml
app/views/shared/issuable/_sidebar_user_dropdown.html.haml
app/views/shared/issuable/_sort_dropdown.html.haml
app/views/shared/_label.html.haml
app/views/shared/labels/_sort_dropdown.html.haml
app/views/shared/members/_filter_2fa_dropdown.html.haml
app/views/shared/_milestones_sort_dropdown.html.haml
app/views/shared/_mobile_clone_panel.html.haml
app/views/shared/projects/_dropdown.html.haml
app/views/shared/projects/protected_branches/_update_protected_branch.html.haml
app/views/shared/projects/_sort_dropdown.html.haml
app/views/shared/_ref_switcher.html.haml
app/views/shared/web_hooks/_test_button.html.haml
app/views/shared/wikis/pages.html.haml
ee/app/helpers/ee/labels_helper.rb
ee/app/views/admin/geo/shared/_filter_nav.html.haml
ee/app/views/groups/contribution_analytics/show.html.haml
ee/app/views/projects/protected_branches/ee/_create_protected_branch.html.haml
ee/app/views/projects/protected_branches/ee/_dropdown.html.haml
ee/app/views/projects/protected_environments/_deploy_access_levels_dropdown.html.haml
ee/app/views/projects/protected_environments/_environments_dropdown.html.haml
ee/app/views/projects/protected_environments/_update_deploy_access_level_dropdown.html.haml
ee/app/views/projects/protected_tags/ee/_create_protected_tag.html.haml
ee/app/views/projects/settings/ee/_access_level_dropdown.html.haml
ee/app/views/shared/epic/_search_bar.html.haml
ee/app/views/shared/epic/_sort_dropdown.html.haml
ee/app/views/shared/epic/_state_dropdown.html.haml
ee/app/views/shared/issuable/_group_bulk_update_sidebar.html.haml
ee/app/views/shared/promotions/_promote_epics.html.haml
ee/app/views/shared/promotions/_promote_issue_templates.html.haml
ee/app/views/shared/promotions/_promote_issue_weights.html.haml

Auto-Summary 🤖

Discoto Usage

---

Points

Discussion points are declared by headings, list items, and single lines that start with the text (case-insensitive) point:. For example, the following are all valid points:

• #### POINT: This is a point
• * point: This is a point
• + Point: This is a point
• - pOINT: This is a point
• point: This is a **point**

Note that any markdown used in the point text will also be propagated into the topic summaries.

Outcomes

Outcomes define the decisions or resolutions of a discussion. Once outcomes are defined, sub-topics and points are collapsed underneath the outcomes.

Outcomes are declared in a similar manner as points:

• #### OUTCOME: This is an outcome
• * outcome: This is an outcome
• + Outcome: This is an outcome
• - oUTCOME: This is an outcome
• outcome: This is an outcome

Note that multiple outcomes may be declared for each topic.

Topics

Topics can be stand-alone and contained within an issuable (epic, issue, MR), or can be inline.

Inline topics are defined by creating a new thread (discussion) where the first line of the first comment is a heading that starts with (case-insensitive) topic:. For example, the following are all valid topics:

• # Topic: Inline discussion topic 1
• ## TOPIC: **{+A Green, bolded topic+}**
• ### tOpIc: Another topic

Quick Actions

Action	Description
/discuss sub-topic TITLE	Create an issue for a sub-topic. Does not work in epics
/discuss link ISSUABLE-LINK	Link an issuable as a child of this discussion

Discussion-Size Indicators

The relative size of the discussion occurring within a topic and its sub-topics is indicated via braille dots.

More dots means that more points or sub-topics exist within a given topic.

Examples:

• TOPIC ⣿⣿⡆ A large discussion occurred here
• TOPIC ⣇ A smaller discussion occurred here

---

Last updated by this job

• TOPIC ⡄ Web Components #233603 (comment 673720331)
• TOPIC ⡀ Adapter pattern (see #233603 (comment 555340894)) #233603 (comment 673721217)
• TOPIC ⡀ Rails ViewComponents #233603 (comment 673721592)
• TOPIC ⡀ Mike's mystery suggestion #233603 (comment 673721873)
• TOPIC ⡇ Telemtry on usage of old implementations #233603 (comment 673748841)

Discoto Settings

---
summary:
  max_items: -1
  sort_by: created
  sort_direction: ascending

See the settings schema for details.