Skip to content

Migrate remaining Bootstrap CSS utils to Tailwind

What does this MR do?

In !4883 (merged) we migrated Bootstrap CSS utils to Tailwind but missed a couple. This MR migrates the last of them in GitLab UI.

The remaining usages in https://bootstrap-to-tailwind-css-migration-tracker-cf87ab.gitlab.io/#/ are false positives except for src/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody-row.js#L312 which is only used when the striped prop is passed which we are not using. We can remove that code in a follow-up MR.

Screenshots or screen recordings

Before After
Screenshot_2024-12-12_at_7.50.27_AM Screenshot_2024-12-12_at_7.49.47_AM

Integration merge requests

I think we can skip integration MRs given the simplicity of the change and any failing specs would be snapshots that are easy to update

Does this MR meet the acceptance criteria?

This checklist encourages the authors, reviewers, and maintainers of merge requests (MRs) to confirm changes were analyzed for conformity with the project's guidelines, security and accessibility.

Toggle the acceptance checklist

Conformity

  • Code review guidelines.
  • GitLab UI's contributing guidelines.
  • [-] If it changes a Pajamas-compliant component's look & feel, the MR has been reviewed by a UX designer.
  • [-] If it changes GitLab UI's documentation guidelines, the MR has been reviewed by a Technical Writer.
  • [-] If the MR changes a component's API, integration MR(s) have been opened (see integration merge requests above).
  • Added the ~"component:*" label(s) if applicable.
Edited by Peter Hegman

Merge request reports

Loading