Skip to content

Migrate boards CSS to utility classes

What does this MR do and why?

This MR migrates CSS rules from board.scss to utility classes.

While going through this process, a few UI fixes were made:

  • Fixes alignment of filter bar and buttons
  • Fixes swimlanes in dark mode
  • Fixes overlap of multiple assignees on board card

Number of CSS lines deleted: 227

Screenshots or screen recordings

- Before After
Issue board Screenshot_from_2022-08-16_11-56-11 Screenshot_from_2022-08-16_11-43-54
Epic board Screenshot_from_2022-08-16_11-56-36 Screenshot_from_2022-08-16_11-46-29
Swimlanes Screenshot_from_2022-08-16_11-57-31 Screenshot_from_2022-08-16_11-48-43
Swimlanes - dark mode Screenshot_from_2022-08-10_14-27-46 Screenshot_from_2022-08-16_11-50-02
Issue board - dark mode Screenshot_from_2022-08-16_11-57-58 Screenshot_from_2022-08-16_11-50-34

How to set up and validate locally

Test issue boards, epic boards and swimlanes.

MR acceptance checklist

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

Related to #367776 (closed)

Edited by Florie Guibert

Merge request reports