More improvements to the pipelines table
Problem to solve
The pipelines list is getting more and more information-dense as time goes on, causing columns to overlap in certain cases or in smaller viewports.
Proposal
In viewports sized 768px to 1080px
:
- Consolidate all actions in the last column into a single dropdown with
ellipsis_v
icon, add flyout dropdowns for the existing sections - Make commit info look like this, which may include changes to the commit component in
vue_shared
or moving that component togitlab-ui
- Truncate table header titles and show tooltips when they are truncated
- Hide text from the status column
What does success look like, and how can we measure that?
The pipelines table should be clear and concise, showing as much information as possible with no overlap in all viewport sizes
Links / references
Originally split off from https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/26136 (especially https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/26136#note_153263390)
Related: #35936 (moved)
Edited by Miranda Fluharty