remove custom page styles, add props to fix page fill

jenny-s51 · Aug 6, 2024 · 1a3d1b5 · 1a3d1b5
1 parent a0f7809
commit 1a3d1b5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 10 deletions.
diff --git a/packages/demo-app-ts/src/App.tsx b/packages/demo-app-ts/src/App.tsx
@@ -74,7 +74,12 @@ class App extends React.Component<{}, AppState> {
                 <Route
                   path={`/${demo.id}-nav-link/${subDemo.id}-nav-link`}
                   render={() => (
-                    <PageSection style={{ zIndex: 2 }} id={`/${demo.id}-nav-link/${subDemo.id}-nav-link`}>
+                    <PageSection
+                      isFilled
+                      hasBodyWrapper={false}
+                      style={{ zIndex: 2 }}
+                      id={`/${demo.id}-nav-link/${subDemo.id}-nav-link`}
+                    >
                       {React.createElement(subDemo.componentType)}
                     </PageSection>
                   )}
@@ -87,7 +92,7 @@ class App extends React.Component<{}, AppState> {
               <Route
                 path={`/${demo.id}-nav-link`}
                 render={() => (
-                  <PageSection style={{ zIndex: 2 }} id={`/${demo.id}-page-section`}>
+                  <PageSection isFilled hasBodyWrapper={false} style={{ zIndex: 2 }} id={`/${demo.id}-page-section`}>
                     {React.createElement(demo.componentType)}
                   </PageSection>
                 )}
@@ -101,7 +106,7 @@ class App extends React.Component<{}, AppState> {
           <Route
             path="/"
             render={() => (
-              <PageSection style={{ zIndex: 2 }} id={`/${defaultDemo.id}-page-section`}>
+              <PageSection isFilled hasBodyWrapper={false} style={{ zIndex: 2 }} id={`/${defaultDemo.id}-page-section`}>
                 {React.createElement(defaultDemo.componentType)}
               </PageSection>
             )}
@@ -207,7 +212,7 @@ class App extends React.Component<{}, AppState> {
 
     return (
       <Router>
-        <Page masthead={AppHeader} sidebar={AppSidebar} isManagedSidebar mainContainerId={this.pageId}>
+        <Page isContentFilled masthead={AppHeader} sidebar={AppSidebar} isManagedSidebar mainContainerId={this.pageId}>
           {this.getPages()}
         </Page>
       </Router>

diff --git a/packages/demo-app-ts/src/Demo.css b/packages/demo-app-ts/src/Demo.css
@@ -78,9 +78,3 @@
 .pf-v6-c-toolbar__content.pf-m-hidden {
   display: none;
 }
-
-.pf-v6-c-page__main-container,
-.pf-v6-c-page__main-section,
-.pf-v6-c-page__main-body {
-  height: 100%;
-}