Migrate `gl-grid-tpl-rows-auto` to Tailwind
What does this MR do and why?
Migrate gl-grid-tpl-rows-auto to Tailwind
Migrates the gl-grid-tpl-rows-auto CSS util to its Tailwind equivalent
configured as gl-grid-rows-auto.
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 |
|---|---|
![]() |
![]() |
CSS-in-Js diff
diff --git a/config/helpers/tailwind/css_in_js.js b/config/helpers/tailwind/css_in_js.js
index f4f758ebfdeb..8ee7bbf717ff 100644
--- a/config/helpers/tailwind/css_in_js.js
+++ b/config/helpers/tailwind/css_in_js.js
@@ -1,5 +1,5 @@
/**
- * The following 574 definitions need to be migrated to Tailwind.
+ * The following 573 definitions need to be migrated to Tailwind.
* Let's do this! 🚀
*/
module.exports = {
@@ -352,7 +352,6 @@ module.exports = {
'.md-align-self-center': { '@media (min-width: 768px)': { 'align-self': 'center' } },
'.align-self-baseline': { 'align-self': 'baseline' },
'.order-n1': { order: '-1' },
- '.grid-tpl-rows-auto': { 'grid-template-rows': 'auto' },
'.sm-grid-template-columns-2': {
'@media (min-width: 576px)': { 'grid-template-columns': '1fr 1fr' },
},
Related to #456618 (closed)
Edited by Paul Gascou-Vaillancourt

