Missing PatternFly layouts for most of our screens

[karelhala]

In recent days we were revisiting the page layout of most of our screens with @epwinchell, @skateman and @himdel. We found a lot of inconsistencies with PatternFly layouts. Sadly in the past we had to hack our way around with some JavaScript that calculates the height of various elements, which starts to be a huge technical debt and it blocks any future development in the area.

We are trying to be consistent with PF as much as possible, but some layouts that we use are not implemented:

• Vertically resizable sidebar (we have it, it works well, but it should be the part of PF)
• Sidebar accordions snapped to the bottom of the page (we have it and it's badly implemented)
• Footer (completely implemented by us, no UX patterns for this)
• Tertiary navigation with a sidebar (most of our hacks, does not work on smaller screens)
• All the possible permutations of the previous layouts

Mostly it can be observed on pagination which had to be forced to be on bottom of the page with ugly
JavaScript. It works as-is yet it break sometimes. I would like to open a discussion with @serenamarie125 about these patterns. We can help you moving our working stuff to PF repositories and we would need help with the bad stuff and missing layouts.

[serenamarie125]

@karelhala thanks for reaching out! Overall i think this makes sense .. I'll set up a meeting for next week to start discussing this!

[epwinchell]

cc/ @dclarizio

[epwinchell]

Tertiary navigation with a sidebar (most of our hacks, does not work on smaller screens)

This issue in particular should be addressed in PF. The top right menu disappears in the mobile layout. The other issues are specific to CF.

[martinpovolny]

@serenamarie125 : any progress here?

[miq-bot]

This issue has been automatically marked as stale because it has not been updated for at least 6 months.

If you can still reproduce this issue on the current release or on master, please reply with all of the information you have about it in order to keep the issue open.

Thank you for all your contributions!

[skateman]

@miq-bot rm_label stale

[martinpovolny]

Ping @terezanovotna, @Rohoover

More inputs for our PF & styling discussion in this issue ;-)

[Rohoover]

@martinpovolny

Thanks Martin! Tereza is working on some of this now.

[terezanovotna]

@miq-bot add-label ux/review


[miq-bot]

This issue has been automatically marked as stale because it has not been updated for at least 6 months.

If you can still reproduce this issue on the current release or on master, please reply with all of the information you have about it in order to keep the issue open.

Thank you for all your contributions!

[skateman]

@miq-bot add_label pinned

[JPrause]

@miq-bot remove_label stale

[epwinchell]

@miq-bot assign @epwinchell

[gtanzillo]

/cc @h-kataria

[himdel]

Closing,
it would still be nice to have upstream layouts for our patterns,
but I don't think we can expect these in patternfly 3 anymore.

We might be able to do this for patternfly 4, but that's unlikely to happen as the 2 versions can't be used together.
Carbon seems more concerned with primitives than whole layouts and patterns, so I don't think it makes sense to push there either. (It does make sense to use what they have implemented, if realistic.)

We may need to maintain our own patterns indefinitely.