Migrate data-toggle modal to GlModal in app/assets/javascripts/repository/components/breadcrumbs.vue

app/assets/javascripts/repository/components/breadcrumbs.vue

Instructions

• Replace each instance of data-toggle modal with GlModal.
• Take before/after screenshots of each button in the file, and upload 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.

Notes from Amy

• The dropdown with the items is on the Project Overview page. For the 'before' photo, I've inserted cat emojis into the text handled in breadcrumbs.vue:

  

• There are two modals referenced on this page:

  • modal-upload-blob in app/views/projects/blob/_upload.html.haml
  • modal-create-new-dir in app/views/projects/blob/_new_dir.html.haml

Related to technical-writing#286 where the TWs are tracking their OKR work.