patternfly-react
patternfly-react copied to clipboard
Page - updates to allow for section grouping
https://github.com/patternfly/patternfly/pull/6766
Updates the page sections to support multiple page body elements. This is for when you have multiple adjacent section blocks that will have the same background color (defined by the parent section) and reduced spacing between them compared to adjacent top-level page sections.
- Add
.pf-[v]-c-page__main-bodyto wrap the children of all top-level page sections (except__main-group) by default. Currently it's only added when used withisWidthLimitedhttps://github.com/patternfly/patternfly-react/blob/d893997916429aa3543bab34dc4b28566ba49874/packages/react-core/src/components/Page/PageSection.tsx#L130-L131- Here are all of the top level page sections. Just a reminder, don't need
__main-grouphttps://github.com/srambach/patternfly/blob/d65a0dc98cd7e995b2d6249473e639a317e180a3/src/patternfly/components/Page/page.scss#L263-L269
- Here are all of the top level page sections. Just a reminder, don't need
- Add
isWidthLimitedsupport for all of the page sections ^ except__main-group - Allow for multiple
__main-bodyelements to be used within the sections except__main-group - While we're here, we should be able to remove support for
__main-nav- that was previously used with tertiary navigation, which has since been removed.