fix(accordion): light mobile padding (#389)

allianz · Oct 18, 2021 · 5607d47 · 5607d47
1 parent baff785
commit 5607d47
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/projects/ng-aquila/src/accordion/expansion-panel-header.scss b/projects/ng-aquila/src/accordion/expansion-panel-header.scss
@@ -1,7 +1,5 @@
 @import "../shared-styles/index";
 
-$mobile-header-padding: nx-spacer(s);
-
 :host:focus {
   outline: none;
 }
@@ -20,7 +18,7 @@ $mobile-header-padding: nx-spacer(s);
   @include var(background, accordion-regular-header-background-color);
 
   @include media-breakpoint-down(small) {
-    padding: $mobile-header-padding;
+    padding: nx-spacer(s);
   }
 }
 
@@ -76,7 +74,7 @@ $header-title-small-screen-margin-after: nx-spacer(s);
     background: transparent;
 
     @include media-breakpoint-down(small) {
-      padding: $mobile-header-padding;
+      padding: nx-spacer(s) 0;
     }
   }
 

diff --git a/projects/ng-aquila/src/accordion/expansion-panel.scss b/projects/ng-aquila/src/accordion/expansion-panel.scss
@@ -1,7 +1,5 @@
 @import "../shared-styles/index";
 
-$mobile-body-padding: nx-spacer(m) nx-spacer(s);
-
 :host {
   display: block;
 }
@@ -22,7 +20,7 @@ $mobile-body-padding: nx-spacer(m) nx-spacer(s);
   @include type-style(accordion-body);
 
   @include media-breakpoint-down(small) {
-    padding: $mobile-body-padding;
+    padding: nx-spacer(m) nx-spacer(s);
   }
 }
 
@@ -64,11 +62,15 @@ $mobile-body-padding: nx-spacer(m) nx-spacer(s);
 
 // Styles of the light version
 :host(.nx-expansion-panel--light) {
+  @include media-breakpoint-down(small) {
+    margin: 0 nx-spacer(s);
+  }
+
   .nx-expansion-panel__body {
     padding: v(accordion-light-body-padding);
 
     @include media-breakpoint-down(small) {
-      padding: $mobile-body-padding;
+      padding: 0 0 nx-spacer(m);
     }
   }
 }