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
.inlinewithout 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 |
|---|---|
![]() |
![]() |
Edited by Peter Hegman

