Work for #7087: fix paddings and margins for panels in single page mo…

…de (#7145)
surveyjs · Oct 14, 2023 · f3e6578 · f3e6578
1 parent 8672766
commit f3e6578
Show file tree

Hide file tree

Showing 7 changed files with 3 additions and 8 deletions.
diff --git a/src/defaultV2-theme/blocks/mixins.scss b/src/defaultV2-theme/blocks/mixins.scss
@@ -6,7 +6,7 @@
   color: $font-pagetitle-color;
   position: static;
   line-height: multiply(1.33, var(--page-title-font-size));
-  margin: calcSize(0.5) 0px;
+  margin: 0 0 calcSize(0.5) 0px;
 }
 
 @mixin cover_title {

diff --git a/src/defaultV2-theme/blocks/sd-page.scss b/src/defaultV2-theme/blocks/sd-page.scss
@@ -14,7 +14,6 @@
 
 .sd-page .sd-page__title {
   @include page_title();
-  margin-top: 0;
 }
 
 .sd-page .sd-page__description {

diff --git a/src/defaultV2-theme/blocks/sd-panel.scss b/src/defaultV2-theme/blocks/sd-panel.scss
@@ -5,7 +5,7 @@
 .sd-panel.sd-panel--as-page {
   &>.sd-panel__header.sd-panel__header {
     padding-top: 0;
-    padding-bottom: 0;
+    padding-bottom: calcSize(3);
 
     &:after {
       content: none;
@@ -28,18 +28,14 @@
     }
   }
 
-  &>.sd-panel__header+.sd-panel__content {
-    margin-top: calcSize(2);
-  }
-
   &>.sd-panel__content {
     padding-top: 0;
   }
 }
 
 .sd-row~.sd-row {
   .sd-panel--as-page {
-    padding-top: calcSize(5);
+    padding-top: calcSize(4);
   }
 }
 

diff --git a/visualRegressionTests/tests/defaultV2/etalons/inner-panel-single-page.png b/visualRegressionTests/tests/defaultV2/etalons/inner-panel-single-page.png
diff --git a/visualRegressionTests/tests/defaultV2/etalons/multiple-panels-single-page.png b/visualRegressionTests/tests/defaultV2/etalons/multiple-panels-single-page.png
diff --git a/visualRegressionTests/tests/defaultV2/etalons/panel-single-page.png b/visualRegressionTests/tests/defaultV2/etalons/panel-single-page.png
diff --git a/visualRegressionTests/tests/defaultV2/etalons/question-matrix--single-page.png b/visualRegressionTests/tests/defaultV2/etalons/question-matrix--single-page.png