Collapse build tabs that dont fit

Currently on GitLab CE we have a lot of tests running at once so on the build view the tabs go crazy and fill the whole screen.

See https://gitlab.com/gitlab-org/gitlab-ce/builds/1753694 for an example of what I mean.

We need to collapse any tabs that don't fit on the first row into a 'More' dropdown.

cc. @jschatz1

Proposal

  • Orders tests from failed > pending > running > canceled > success > skipped, then sort alphabetically after that (or by order in .gitlab-ci.yml if possible)

Desktop

When a build is selected from the More dropdown:

Mobile:

Links