Bug/6876 mobile matrix issues (#7129)

* Fixed #6876 - Mobile: issues with matrices * Work for #6876 - Mobile: issues with matrices * Work for #6876 - Mobile: issues with matrices - fixed top padding * Work for #6876 - Mobile: issues with matrices - updated etalons --------- Co-authored-by: tsv2013 <[email protected]>
surveyjs · Oct 13, 2023 · 8a167cb · 8a167cb
1 parent 12e3d95
commit 8a167cb
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/src/defaultV2-theme/blocks/sd-table.scss b/src/defaultV2-theme/blocks/sd-table.scss
@@ -423,6 +423,8 @@
   .sd-table__cell.sd-matrix__cell {
     display: flex;
     align-items: flex-start;
+    border-top: none;
+    border-bottom: none;
 
     .sd-matrix__responsive-title {
       margin-left: calcSize(1);
@@ -446,8 +448,8 @@
   }
 
   .sd-matrix__table {
-    tr+tr {
-      margin-top: calcSize(1);
+    .sd-table__row {
+      padding-top: calcSize(1);
     }
   }
 
@@ -591,6 +593,14 @@
   }
 }
 
+.sd-root-modern--mobile {
+  .sd-table__question-wrapper {
+    .sd-boolean-root {
+      margin: initial;
+    }
+  }
+}
+
 .sd-table.sd-matrixdynamic {
   table-layout: auto;
 }
diff --git a/visualRegressionTests/tests/defaultV2/etalons/responsiveness-matrix-alt-rows.png b/visualRegressionTests/tests/defaultV2/etalons/responsiveness-matrix-alt-rows.png
diff --git a/visualRegressionTests/tests/defaultV2/etalons/responsiveness-matrix.png b/visualRegressionTests/tests/defaultV2/etalons/responsiveness-matrix.png