Update looks job log
UX @dimitrieh | FE @filipa
Issue idea came from: https://gitlab.com/gitlab-org/gitlab-ce/issues/27724#note_26257097
It will need https://gitlab.com/gitlab-org/gitlab-ce/issues/27724 to be finished first
Proposal & Design
spec url: https://gitlab-org.gitlab.io/gitlab-design/hosted/ce-30117-and-ce-24339-spec-previews/
Get rid of:
Get rid of:
Final result will look like:
scrolled to the top it looks like:
while scrolling it looks like:
See how the scrollbar doesn't go over the scroll to end buttons:
plus the scroll to bottom button will still has this animation when auto scroll is activated:
If we have a really large job log, it will look like this
note: build log is now a scrollable container itself (page doesn't scroll anymore)
- buttons have tooltips, as the scroll buttons already have now
svg's:
Value
- better looks/aesthetics
- more consistent button positioning
- improved relation between buttons which influence the job log itself and the job log
Related issues
https://gitlab.com/gitlab-org/gitlab-ce/issues/24339
CC/Call to actions
@filipa (as promised per https://gitlab.com/gitlab-org/gitlab-ce/issues/27724#note_26270137)