Skip to content

Introduce the ability to reorder group and project badges

What does this MR do and why?

This MR introduces the ability to reorder badges within groups and projects. It also enhances the UI by moving the `edit` and `delete` actions to an ellipsis dropdown menu.

Closes: #475004, #20752

Screenshots or screen recordings

Before After

Group badges

group-badges-before.png

Project badges

project-badges-before.png

Group badges, initial state (with a reordering feature, though no reorder has been applied)

init-state-group-badges-after.png

Project badges, initial state (with a reordering feature, though no reorder has been applied)

init-state-project-badges-after.png

Group badges

group-badges-after.mov

Project badges

project-badges-after.mov

How to set up and validate locally

Group level

  1. Navigate to any group.
  2. In the sidebar navigate to Settings -> General and expand Badges section.
  3. Create a several group badges.
  4. Try to reorder them, edit and/or delete, observe the result.

Project level

  1. Navigate to any project.
  2. In the sidebar navigate to Settings -> General and expand Badges section.
  3. Create a several project badges.
  4. Try to reorder project and group badges, edit and/or delete project badges, observe the result.
  5. Back to the project page. Observe badges positions.
Edited by Anton Kalmykov

Merge request reports

Loading