#6799 - fix gaps and adaptivity

surveyjs · Aug 25, 2023 · 2145e52 · 2145e52
1 parent 05c0df7
commit 2145e52
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 15 deletions.
diff --git a/src/defaultCss/defaultV2Css.ts b/src/defaultCss/defaultV2Css.ts
@@ -146,7 +146,7 @@ export var defaultV2Css = {
   pageTitle: "sd-title sd-page__title",
   pageDescription: "sd-description sd-page__description",
   row: "sd-row sd-clearfix",
-  rowMultiple: "",
+  rowMultiple: "sd-row--multiple",
   rowCompact: "sd-row--compact",
   pageRow: "sd-page__row",
   question: {

diff --git a/src/defaultV2-theme/blocks/sd-row.scss b/src/defaultV2-theme/blocks/sd-row.scss
@@ -4,11 +4,6 @@
   width: 100%;
   box-sizing: border-box;
   margin-top: var(--sd-base-vertical-padding);
-  gap: calcSize(2);
-}
-
-.sd-panel__content > .sd-row {
-  gap: calcSize(4);
 }
 
 .sd-row.sd-page__row {
@@ -39,20 +34,22 @@
 
   >div {
     box-sizing: border-box;
-    padding-left: var(--sd-base-padding);
+    padding-left: calcSize(2);
+  }
+}
+
+.sd-panel {
+  .sd-row--multiple {
+    &>div {
+      padding-left: var(--sd-base-padding);
+    }
   }
 }
 
 .sd-page__row.sd-row--multiple {
-  padding: var(--sd-base-padding) var(--sd-base-padding) var(--sd-base-padding) 0;
-  margin-left: 0;
-  width: 100%;
+  margin-left: calcSize(-2);
+  width: calc(100% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
 
-  &:not(.sd-row--compact) {
-    background: $question-background;
-    box-shadow: $shadow-small;
-    border-radius: calcCornerRadius(1);
-  }
 
   &.sd-row--compact {
     padding: 0;