Design CI build page

https://dev.gitlab.org/ci/projects/1/builds/40317 @dzaporozhets please take a look I'll try to do design tomorrow morning

Milestone changed to 8.0

mentioned in issue #2558 (closed)

@skyruler I made !1339 (merged) but if you make a professional version it would be nice.

I will put 8.1 milestone because I dont think we have enough time to do it

@dzaporozhets yeah

Milestone changed to 8.1

Milestone changed to Interaction

Reassigned to @skyruler

Title changed from the screen is broken to Design CI build page

The fix for 8.0 was merged. Now next step is make a professional design

Can the handling of longer message text be handled in the next version? This screenshot is from gitlab.com from a build of my fork that is currently running:

https://gitlab.com/ci/projects/2068/builds/252008

Milestone changed to 8.2

Reassigned to @dzaporozhets

interaction

@skyruler It's awesome!

@ayufan thank you!

Pure awesomeness

I dont work on it right now so I unassign it. Feel free to pick it

Assignee removed

Added frontend and removed ~19492 labels

Reassigned to @JobV

Milestone changed to 8.3

cc @razer6

Assignee removed

@skyruler How we can integrate it? Will you send me or will you modify hamls by yourself?

@ayufan there some javascript required not sure that i can do that

@skyruler Can you allocate sometime for me tomorrow to discuss this? Please, propose the time.

@ayufan yeah lets right after lunch

@skyruler 3PM? Can you send me an invite?

Milestone changed to 8.4

Added ~19173 label

mentioned in issue #2981 (closed)

Milestone changed to 8.5

Milestone changed to 8.6

Reassigned to @skyruler

updated with latest UI elements

Removed ~19492 label

Assignee removed

@skyruler why did the "Build list as a horizontal bar" idea end up being removed? It looked a lot more readable than the current variable-width list. Plus the colors help a lot.

@connorshea take time to implement we need to ship with small steps

@skyruler Can we prepare more mockups for build-control buttons? I mean we have buttons for downloading artifacts, browsing artifacts, erasing build, canceling build, and retrying build, and what we have now is a good field for improvement. Thanks!

@skyruler well I completely support pushing for more work towards implementing that design, looks to me like it'd improve UX a lot.

@grzesiek can you show me where is it? especially downloading artifacts, browsing artefact. Canceling, erasing and retrying we have

@skyruler When build artifacts are present, we can see additional panel:

Added ~19492 label

Removed ~19492 label

mentioned in issue #14298 (closed)

Milestone changed to 8.7

Reassigned to @iamphill

mentioned in merge request !3829 (merged)

After chatting in slack, it was decided that for the build output we would use the same colors as the dark syntax highlighting theme.

Dmitriy Zaporozhets [12:05 PM] @jschatz: @iamphill colors should be used from what we have on other pages

Phil Hughes [12:05 PM] so dark theme?

Dmitriy Zaporozhets [12:05 PM] what you mean by dark theme?

Phil Hughes [12:06 PM] dark code theme sorry

Douwe Maan [12:06 PM] @dzaporozhets: Dark code highlighting theme

[12:06] @dzaporozhets: Which already has definitions for all of the colors we’ll see in terminal output, including background color and regular text color (edited)

new messages Dmitriy Zaporozhets [12:06 PM] yes lets do it

Phil Hughes [12:06 PM] ok sure

Dmitriy Zaporozhets [12:06 PM] agree?

Jacob Schatz [12:06 PM] Good idea

Douwe Maan [12:06 PM] :simple_smile:

Milestone changed to 8.8

Milestone changed to %8.9

Status changed to closed by merge request !3829 (merged)

mentioned in merge request !14785