style(pageLayout): issues/391 remove gray padding (#401)

RedHatInsights · Sep 4, 2020 · 6add46c · 6add46c
1 parent 927743c
commit 6add46c
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 4 deletions.
diff --git a/src/components/authentication/__tests__/__snapshots__/authentication.test.js.snap b/src/components/authentication/__tests__/__snapshots__/authentication.test.js.snap
@@ -100,9 +100,14 @@ exports[`Authentication Component should render a non-connected component error:
       </PageHeader>
       <PageSection
         className="curiosity"
+        padding={
+          Object {
+            "default": "noPadding",
+          }
+        }
       >
         <section
-          className="pf-c-page__main-section curiosity"
+          className="pf-c-page__main-section pf-m-no-padding curiosity"
         >
           <PageSection
             key=".1"

diff --git a/src/components/pageLayout/__tests__/__snapshots__/pageLayout.test.js.snap b/src/components/pageLayout/__tests__/__snapshots__/pageLayout.test.js.snap
@@ -4,9 +4,14 @@ exports[`PageLayout Component should render a basic component: basic 1`] = `
 <PageLayout>
   <PageSection
     className="curiosity"
+    padding={
+      Object {
+        "default": "noPadding",
+      }
+    }
   >
     <section
-      className="pf-c-page__main-section curiosity"
+      className="pf-c-page__main-section pf-m-no-padding curiosity"
     >
       <span
         className="test"
@@ -56,9 +61,14 @@ exports[`PageLayout Component should render header and section children: multipl
   </PageHeader>
   <PageSection
     className="curiosity"
+    padding={
+      Object {
+        "default": "noPadding",
+      }
+    }
   >
     <section
-      className="pf-c-page__main-section curiosity"
+      className="pf-c-page__main-section pf-m-no-padding curiosity"
     >
       <PageSection
         key=".0"

diff --git a/src/components/pageLayout/pageLayout.js b/src/components/pageLayout/pageLayout.js
@@ -20,7 +20,7 @@ const PageLayout = ({ children }) => (
   <React.Fragment>
     {React.Children.toArray(children).filter(child => React.isValidElement(child) && child.type === PageHeader)}
     {React.Children.toArray(children).filter(child => React.isValidElement(child) && child.type === PageToolbar)}
-    <Main className="curiosity">
+    <Main padding={{ default: 'noPadding' }} className="curiosity">
       {React.Children.toArray(children).filter(child => child.type !== PageHeader && child.type !== PageToolbar)}
     </Main>
   </React.Fragment>

diff --git a/src/styles/_page-layout.scss b/src/styles/_page-layout.scss
@@ -1,3 +1,4 @@
 .curiosity {
+  background-color: var(--pf-global--BackgroundColor--100);
   min-width: 320px;
 }