fix(panel-content): move panel + panelv2 padding to PanelContent (#583)

* fix(panel-content): move panel + panelv2 padding to PanelContent * chore: update scss snapshot
carbon-design-system · Jun 3, 2020 · 4c467f6 · 4c467f6
1 parent e76a2d9
commit 4c467f6
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 12 deletions.
diff --git a/src/__tests__/scss/__snapshots__/SCSS.spec.js.snap b/src/__tests__/scss/__snapshots__/SCSS.spec.js.snap
@@ -4728,8 +4728,6 @@ a.bx--overflow-menu-options__btn::before {
 }
 
 .security--panel--v2__body {
-  padding-right: 1rem;
-  padding-left: 1rem;
   margin-top: 5.5rem;
   flex-grow: 1;
   overflow-y: auto;
@@ -10773,8 +10771,6 @@ input:not(output):not([data-invalid]):-moz-ui-invalid {
 }
 
 .security--panel__body {
-  padding-right: 1rem;
-  padding-left: 1rem;
   margin-top: 5.5rem;
   flex-grow: 1;
   overflow-y: auto;
@@ -10785,8 +10781,7 @@ input:not(output):not([data-invalid]):-moz-ui-invalid {
   font-weight: 400;
   line-height: 1rem;
   letter-spacing: 0.32px;
-  padding-top: 1rem;
-  padding-bottom: 1rem;
+  padding: 1rem;
   border-bottom: 0.0625rem solid var(--ui-04, #6f6f6f);
 }
 

diff --git a/src/components/Panel/_mixins.scss b/src/components/Panel/_mixins.scss
@@ -122,17 +122,14 @@
   }
 
   &__body {
-    padding-right: $panel__spacing__padding;
-    padding-left: $panel__spacing__padding;
     margin-top: carbon--mini-units($count: 11);
     flex-grow: 1;
     overflow-y: auto;
 
     &--content {
       @include carbon--type-style($name: caption-01);
 
-      padding-top: $panel__spacing__padding;
-      padding-bottom: $panel__spacing__padding;
+      padding: $panel__spacing__padding;
       border-bottom: $panel__content__sizing__border solid
         $panel__content__color__border;
 

diff --git a/src/components/PanelV2/_mixins.scss b/src/components/PanelV2/_mixins.scss
@@ -125,8 +125,6 @@
   }
 
   &__body {
-    padding-right: $panel__spacing__padding;
-    padding-left: $panel__spacing__padding;
     margin-top: carbon--mini-units($count: 11);
     flex-grow: 1;
     overflow-y: auto;