Skip to content

Update project & group labels page design

Annabel Dunstone Gray requested to merge labels-page-updates into master

What does this MR do and why?

Updates labels page

  • Add card styles, similar to related issues/MRs/etc
  • Add hover state for prioritized labels
  • Remove badge styling of project/group path
  • Move project/group path under label
  • Add group/project icons next to path
  • Switch to small buttons

What does this MR not do?

  • Mobile updates (should look similar/the same as it currently works)
  • Admin labels (will do that separately)

Screenshots or screen recordings

Before After
Project labels (no prioritized labels) Screenshot_2023-04-25_at_6.34.09_AM Screenshot_2023-04-28_at_12.48.22_PM
Project labels (with prioritized labels, on hover) Screenshot_2023-04-25_at_6.34.39_AM Screenshot_2023-04-28_at_12.54.42_PM
Group labels Screenshot_2023-04-25_at_6.33.53_AM Screenshot_2023-04-28_at_12.49.23_PM

How to set up and validate locally

#398228 (closed)

#23179 (closed)

Edited by Annabel Dunstone Gray

Merge request reports