Skip to content

Resolve "Improve visibility of branch name on pipeline page"

What does this MR do?

This change redistributes the widths of columns on pipelines page, so that a bigger part of the branch name of the commit is visible.

This is achieved by reducing 'triggerer', 'time ago' and 'actions' columns' widths (utilizing the appropriate classes) so that the 'commit' column can get wider. Media queries are added in pipelines' stylesheet for flexibility.

Why?:
In the pipelines page, the commit column width is rather small although there is ton of width space on a modern screen. The branch name and the commit comment that appear in this commit column are really useful to identify the pipelines, but with such a small content, it is hardly usable in a quick look.
Some users use feature branches and review apps a lot, and due to truncation rules put in place because of limited space, the discerning part of the branch name is not visible many times, making it harder to identify the branch.

Related #272994 (closed)
Based on the proposal #272994 (comment 482839389)

Screenshots (strongly suggested)

Before Before

After After

Does this MR meet the acceptance criteria?

Conformity

Availability and Testing

Tested in
Mozilla Firefox
Google Chrome
Chromium
Microsoft Edge

  • Informed Infrastructure department of a default or new setting change, if applicable per definition of done

Security

If this MR contains changes to processing or storing of credentials or tokens, authorization and authentication methods and other items described in the security review guidelines:

  • Label as security and @ mention @gitlab-com/gl-security/appsec
  • The MR includes necessary changes to maintain consistency between UI, API, email, or other methods
  • Security reports checked/validated by a reviewer from the AppSec team

Related to #272994 (closed)

Edited by G.Christakeas

Merge request reports