#598669: [templates/nextjs-sxa] fixed styles(hide horizontal scrollbar)

Sitecore · Oct 3, 2023 · 7eea941 · 7eea941
1 parent 2725668
commit 7eea941
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/_app.scss b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/_app.scss
@@ -100,7 +100,3 @@ ul li {
   color:#fff;
   max-width: 500px;
 }
-
-.editing-mode {
-  padding: 0 8px;
-}
diff --git a/...itecore-jss/src/templates/nextjs-sxa/src/assets/sass/components/_component-container.scss b/...itecore-jss/src/templates/nextjs-sxa/src/assets/sass/components/_component-container.scss
@@ -1,11 +1,17 @@
 @import '@sass/abstracts/mixins';
 
+$size-padding: 8px;
 .container-wrapper {
   width: 100%;
 }
 
 .component {
   position: relative;
+  padding: 0 $size-padding;
+
+  @include respond-to(all-mobile) {
+    padding: 0;
+  }
 }
 
 .container {
@@ -18,5 +24,4 @@
   .component-content {
     @include clearfix();
   }
-
 }