Skip to content

Migrate `.inline` css class to Tailwind

What does this MR do and why?

Migrate .inline css class to Tailwind

Use .gl-inline-block instead

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.

How I found the classes

Vue

Search for class(?=="(?:inline|.*?\sinline|inline\s.*?|.*?\sinline\s.*?)") with regex enabled

HAML

  • Searched for .inline without regex enabled
  • Search for class(?=: ?["'](?:inline|.*?\sinline|inline\s.*?|.*?\sinline\s.*?)["']) with regex enabled

Screenshots

Since this is a 1:1 swap of CSS properties I don't think we need to check every instance. I did check app/views/doorkeeper/authorizations/new.html.haml to make sure it looks correct, see below:

Before After
Screenshot_2024-08-28_at_3.26.28_PM Screenshot_2024-08-28_at_3.17.54_PM
Edited by Peter Hegman

Merge request reports

Loading