Overview is lost in pipeline responsive table on mobile view

Problem

Overview is lost in pipeline responsive table on mobile view:

https://gitlab.com/gitlab-org/gitlab-ce/uploads/3718b2d24effe5ace29efa60ad83e07a/Screen_Shot_2017-06-08_at_2.30.05_PM.png

Proposal

I think we should look into a slightly alternative solution: hiding information.. instead of trying to squash all information into a format which is not effective on mobile.

For example for the pipelines, on mobile view I would just keep the following information visible:

• Status
• Branch
• Commit Hash
• Triggerer

Basically getting rid of:

• pipeline ID
• commit title
• mini pipeline graph
• runtime
• actions

All of these can be viewed inside the detail view of that pipeline.

rough example:

@annabeldunstone @tauriedavis see if you agree with me.

With this, we keep it a real list.. giving an overview of what is happening.. instead of focusing down on individual inspectable elements.

mentioned in issue gitlab-foss#31415 (closed)

cc: @pedroms

assigned to @dimitrieh

should improve upon https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/11959

This works for me and falls in line with what @markpundsack mentioned were the most important aspects to show, if I'm not mistaken.

Yes, I prefer the table just turn into a list on mobile.

@bikebilly can we plan this issue.. if it is planned i will provide a view for all different media queries we use: xs sm md lg

for now i will unassign

removed assignee

added responsive in GitLab FOSS label

moved from gitlab-foss#33648 (moved)

mentioned in commit a246bd27