Skip to content

Remove usages of `gl-xs-flex-direction-column` CSS util

What does this MR do and why?

Remove usages of gl-xs-flex-direction-column CSS util

This replaces usages of the desktop-first gl-xs-flex-direction-column CSS util with mobile-first alternatives.

Screenshots or screen recordings

There is no visual change as we are essentially reproducing the same layouts but with mobile-first utils instead of desktop-first ones. Here are a few screenshots for reference.

Subject Mobile Desktop
Abuse report header Screenshot_2023-11-10_at_9.01.59_AM Screenshot_2023-11-10_at_9.00.12_AM
Abuse report content Screenshot_2023-11-10_at_9.02.13_AM Screenshot_2023-11-10_at_9.00.23_AM
Abuse report activity Screenshot_2023-11-10_at_9.02.21_AM Screenshot_2023-11-10_at_9.00.47_AM
Invite modal Screenshot_2023-11-10_at_9.02.54_AM Screenshot_2023-11-10_at_9.01.10_AM
File browser header Screenshot_2023-11-10_at_9.02.37_AM Screenshot_2023-11-10_at_9.01.36_AM

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Paul Gascou-Vaillancourt

Merge request reports

Loading