Page - main content rounded corners not always visible
re: https://github.com/patternfly/patternfly/pull/6183/files#r1450988018
The rounded corners are on the page__main element, but we have a page__drawer element that replaces page__main when there is a drawer added to the main content area, and then page__main is a child of page__drawer. In that structure, we're losing the main content styling.
We should probably just look at the current page__drawer/main styles and see if there is a better way of doing that. Some thoughts...
The page__main element currently has a couple of main roles:
- The grid container for the page main content and style the main content box (rounded corners and what not)
- The flex parent for page__main-[section/breadcrumbs/etc] elements
I'm wondering if we should separate those so that there is:
- A structural element of the page that can be the grid container for the content and create the rounded corners, overflow management, etc, and that can always be what wraps all of the page main content. Regular page sections or a drawer or whatever can go in there.
- A parent for the page__main-section elements that provides the flex layout for the section children. This element can move around and be placed wherever it needs to go to provide the flex layout for page sections, without also needing to be an outer element wrapping page main content to give the rounded corners and overflow management in the page layout.