Use matrix's responsive titles in other themes: default and modern (#…

…7784)
surveyjs · Feb 1, 2024 · a016d56 · a016d56
1 parent 6c6f889
commit a016d56
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 8 deletions.
diff --git a/src/defaultCss/cssmodern.ts b/src/defaultCss/cssmodern.ts
@@ -319,7 +319,7 @@ export var modernCss = {
     cellText: "sv-matrix__text",
     cellTextSelected: "sv-matrix__text--checked",
     cellTextDisabled: "sv-matrix__text--disabled",
-    cellResponsiveTitle: "sv-hidden",
+    cellResponsiveTitle: "sv-matrix__cell-responsive-title",
     itemSvgIconId: "#icon-modernradio",
   },
   matrixdropdown: {

diff --git a/src/defaultCss/cssstandard.ts b/src/defaultCss/cssstandard.ts
@@ -200,7 +200,7 @@ export var defaultStandardCss = {
     cellText: "sv_q_m_cell_text",
     cellTextSelected: "sv_q_m_cell_selected",
     cellLabel: "sv_q_m_cell_label",
-    cellResponsiveTitle: "sv-hidden"
+    cellResponsiveTitle: "sv_q_m_cell_responsive_title"
   },
   matrixdropdown: {
     root: "sv_q_matrix_dropdown",

diff --git a/src/main.m600.scss b/src/main.m600.scss
@@ -8,30 +8,37 @@
             .sv_qstn {
               display: block;
               width: 100% !important;
+
               .title-left {
                 float: none;
               }
+
               .sv_q_radiogroup_inline,
               .sv_q_checkbox_inline,
               .sv_q_imagepicker_inline {
                 display: block;
               }
+
               table.sv_q_matrix,
               table.sv_q_matrix_dropdown,
               table.sv_q_matrix_dynamic {
                 display: block;
+
                 thead {
                   display: none;
                 }
+
                 td.sv-table__cell--choice {
                   text-align: initial;
                 }
+
                 tbody,
                 tr,
                 td {
                   display: block;
                 }
               }
+
               table.sv_q_matrix_dropdown,
               table.sv_q_matrix_dynamic {
                 td {
@@ -40,15 +47,14 @@
                   }
                 }
               }
+
               table.sv_q_matrix {
                 td {
                   label.sv_q_m_label {
                     display: inline;
                   }
-                  &:after {
-                    content: attr(data-responsive-title);
-                  }
                 }
+
                 .sv_q_m_cell {
                   text-align: initial;
                 }

diff --git a/src/modern.m600.scss b/src/modern.m600.scss
@@ -8,27 +8,34 @@
             .sv-row__question {
               display: block;
               width: 100% !important;
+
               .sv-question__header--location--left {
                 float: none;
               }
+
               .sv-selectbase__item--inline,
               .sv-imagepicker__item--inline {
                 display: block;
               }
+
               table.sv-table {
                 display: block;
+
                 thead {
                   display: none;
                 }
+
                 td.sv-table__cell--choice {
                   text-align: initial;
                 }
+
                 tbody,
                 tr,
                 td {
                   display: block;
                 }
               }
+
               table.sv-matrixdropdown,
               table.sv-matrixdynamic {
                 td {
@@ -37,15 +44,14 @@
                   }
                 }
               }
+
               table.sv-matrix-root {
                 td {
                   label.sv-matrix__label {
                     display: inline;
                   }
-                  &:after {
-                    content: attr(data-responsive-title);
-                  }
                 }
+
                 .sv-matrix__cell {
                   text-align: initial;
                 }