Responsive Breakpoint for Resource Page

[Lindsayauchin]

Object Reflow: 360 px wide Browser

This is one of a series of issues for the desired state for a user to view the Resource page at the minimum responsive breakpoint of 360 px in width.

Breadcrumbs

• breadcrumbs move to next 'row' of the top navigation bar
• remove all icons from breadcrumbs
• truncate at 12 characters for pipeline name and resource name with ellipsis

What does this look like with the max number charaters used ?

Check Interval

• float time checks and intervals to the next line

Pinning

• float pinned state to the next line

Expanded:

[jamieklassen]

what about the comment bar at the bottom, especially if the currently-pinned version has many fields (like 10)? we may need some policy around vertical overflow of versions.

[Lindsayauchin]

@pivotal-jamie-klassen what do you think of reflowing the comment bar to the top nav?
Like this?

[jamieklassen]

the question was less to do with the "bottom" part, and more just in general how to we address versions with too many fields. like in this example you have "truncated" the pinned version to one row. I guess having the version only show up at the top does save a bit of space too, though!

[vito]

Just noticed this has been in the "Done" column for a while. Moving back to the backlog. Not really sure where it should be actually.