Skip to content

Migrate `gl-vertical-align-baseline` legacy CSS util to Tailwind

Peter Hegman requested to merge 456643-css-utilities-tg-vertical-align-migrate-to-tailwind-css into master

What does this MR do and why?

Related to #456643 (closed), #456594 (closed)

The CSS utils task group is in the process of migrating legacy CSS utilities to the Tailwind equivalent. This MR migrates gl-vertical-align-baseline to gl-align-baseline (https://tailwindcss.com/docs/vertical-align). They use the exact same CSS properties so we just need to change the name of the actual util.

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

Before After
Screenshot_2024-04-19_at_7.37.21_AM Screenshot_2024-04-19_at_7.34.19_AM

How to set up and validate locally

  1. Go to an issue
  2. In Chrome dev tools "Network tab" set the internet to offline
  3. Drag and drop an image to the comment box
  4. Buttons in lower right corner should look correct.
Edited by Paul Gascou-Vaillancourt

Merge request reports