Skip to content

Branches: Branch item update

Sascha Eggenberger requested to merge branches-branch-item-update into master

What does this MR do and why?

Updates branch items.

  • Removes icon for branch and commit id
  • Changes the pipeline icon size from 24 to 16
  • Meta information to be small text and use gray-500
  • Moves the compare and delete button to a more action dropdown
  • Doesn't render the delete button if user has no permission

Related to Branch list UI improvements (#390925 - closed)

Screenshots or screen recordings

Before After
card_before card_after
list_before list_after
badges_before badges_after
mobile_before mobile_after

How to set up and validate locally

  1. http://gdk.test:3000/flightjs/Flight/-/branches/all

Database

SELECT
    "merge_requests".*
FROM
    "merge_requests"
WHERE
    "merge_requests"."source_project_id" = 278964
    AND "merge_requests"."target_branch" = 'master'
    AND "merge_requests"."source_branch" IN ('''test''', '100%branch', '2-mb-file', 'add-balsamiq-file', 'add-ipython-files', 'add-pdf-file', 'add-pdf-text-binary', 'add-sketch', 'add_commit_with_5mb_subject', 'add_images_and_changes', 'after-create-delete-modify-move', 'audio', 'author-committer-different', 'before-create-delete-modify-move', 'big-files', 'binary-encoding', 'blame-on-renamed', 'blob-with-tricky-encoding', 'branch-merged', 'change-to-fork')
ORDER BY
    "merge_requests"."source_branch" ASC,
    "merge_requests"."id" DESC;

https://console.postgres.ai/gitlab/gitlab-production-tunnel-pg12/sessions/18530/commands/61456

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 Sascha Eggenberger

Merge request reports