Skip to content

Migrate app/assets/javascripts/related_issues/components/issue_token.vue to be Pajamas Compliant

Alexander Ikonomou requested to merge gitlab-community/gitlab:497374-migrate-issue-token-vue-to-gl-button into master
  • Please check this box if this contribution uses AI-generated content (including content generated by GitLab Duo features) as outlined in the GitLab DCO & CLA. As a benefit of being a GitLab Community Contributor, you can request access to GitLab Duo.

What does this MR do and why?

This MR migrates the remove button in app/assets/javascripts/related_issues/components/issue_token.vue from a deprecated class to gl-button. Before, it used the button class. Now, it uses the gl-button component.

This makes it Pajamas Compliant which is especially important so that it can benefit from the new updated stylings coming from GitLab-UI's new design tokens.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After
Screen_Recording_2024-10-23_at_16.45.18 Screen_Recording_2024-10-31_at_21.10.31
image

How to set up and validate locally

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

  1. Visit an issue in a project.
  2. Click on Add in Linked items.
  3. Link an issue.

On the GDK you can find an issue under http://127.0.0.1:3000/flightjs/Flight/-/issues/37.

See also: &15411
Related to #497374 (closed)

Edited by Alexander Ikonomou

Merge request reports