Fixed issue #CT-545: Don't display repeat headers on mobile devices

LimeSurvey · Dec 12, 2023 · fbb508a · fbb508a
1 parent 48f0c34
commit fbb508a
Show file tree

Hide file tree

Showing 10 changed files with 42 additions and 0 deletions.
diff --git a/assets/survey_themes/fruity_twentythree/core/old_template_core_class.scss b/assets/survey_themes/fruity_twentythree/core/old_template_core_class.scss
@@ -408,6 +408,11 @@ For iPads specifically : add this : (min-device-width: 768px) and (max-device-wi
     table.ls-answers td.visible-xs, table.ls-answers th.visible-xs {
         display : block !important
     }
+
+    /* Don't display repeating header on mobile devices'*/
+    table.ls-answers tr.ls-heading-repeat {
+        display: none;
+    }
 }
 
 /* Fix for IE11 - no array question radio buttons on small screens */

diff --git a/themes/survey/fruity_twentythree/css/variations/theme_apple-rtl.css b/themes/survey/fruity_twentythree/css/variations/theme_apple-rtl.css
@@ -12029,6 +12029,10 @@ For iPads specifically : add this : (min-device-width: 768px) and (max-device-wi
   table.ls-answers td.visible-xs, table.ls-answers th.visible-xs {
     display: block !important;
   }
+  /* Don't display repeating header on mobile devices'*/
+  table.ls-answers tr.ls-heading-repeat {
+    display: none;
+  }
 }
 /* Fix for IE11 - no array question radio buttons on small screens */
 @media all and (max-width: 760px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

diff --git a/themes/survey/fruity_twentythree/css/variations/theme_apple.css b/themes/survey/fruity_twentythree/css/variations/theme_apple.css
@@ -12052,6 +12052,10 @@ For iPads specifically : add this : (min-device-width: 768px) and (max-device-wi
   table.ls-answers td.visible-xs, table.ls-answers th.visible-xs {
     display: block !important;
   }
+  /* Don't display repeating header on mobile devices'*/
+  table.ls-answers tr.ls-heading-repeat {
+    display: none;
+  }
 }
 /* Fix for IE11 - no array question radio buttons on small screens */
 @media all and (max-width: 760px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

diff --git a/themes/survey/fruity_twentythree/css/variations/theme_blueberry-rtl.css b/themes/survey/fruity_twentythree/css/variations/theme_blueberry-rtl.css
@@ -12029,6 +12029,10 @@ For iPads specifically : add this : (min-device-width: 768px) and (max-device-wi
   table.ls-answers td.visible-xs, table.ls-answers th.visible-xs {
     display: block !important;
   }
+  /* Don't display repeating header on mobile devices'*/
+  table.ls-answers tr.ls-heading-repeat {
+    display: none;
+  }
 }
 /* Fix for IE11 - no array question radio buttons on small screens */
 @media all and (max-width: 760px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

diff --git a/themes/survey/fruity_twentythree/css/variations/theme_blueberry.css b/themes/survey/fruity_twentythree/css/variations/theme_blueberry.css
@@ -12052,6 +12052,10 @@ For iPads specifically : add this : (min-device-width: 768px) and (max-device-wi
   table.ls-answers td.visible-xs, table.ls-answers th.visible-xs {
     display: block !important;
   }
+  /* Don't display repeating header on mobile devices'*/
+  table.ls-answers tr.ls-heading-repeat {
+    display: none;
+  }
 }
 /* Fix for IE11 - no array question radio buttons on small screens */
 @media all and (max-width: 760px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

diff --git a/themes/survey/fruity_twentythree/css/variations/theme_grape-rtl.css b/themes/survey/fruity_twentythree/css/variations/theme_grape-rtl.css
@@ -12029,6 +12029,10 @@ For iPads specifically : add this : (min-device-width: 768px) and (max-device-wi
   table.ls-answers td.visible-xs, table.ls-answers th.visible-xs {
     display: block !important;
   }
+  /* Don't display repeating header on mobile devices'*/
+  table.ls-answers tr.ls-heading-repeat {
+    display: none;
+  }
 }
 /* Fix for IE11 - no array question radio buttons on small screens */
 @media all and (max-width: 760px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

diff --git a/themes/survey/fruity_twentythree/css/variations/theme_grape.css b/themes/survey/fruity_twentythree/css/variations/theme_grape.css
@@ -12052,6 +12052,10 @@ For iPads specifically : add this : (min-device-width: 768px) and (max-device-wi
   table.ls-answers td.visible-xs, table.ls-answers th.visible-xs {
     display: block !important;
   }
+  /* Don't display repeating header on mobile devices'*/
+  table.ls-answers tr.ls-heading-repeat {
+    display: none;
+  }
 }
 /* Fix for IE11 - no array question radio buttons on small screens */
 @media all and (max-width: 760px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

diff --git a/themes/survey/fruity_twentythree/css/variations/theme_mango-rtl.css b/themes/survey/fruity_twentythree/css/variations/theme_mango-rtl.css
@@ -12029,6 +12029,10 @@ For iPads specifically : add this : (min-device-width: 768px) and (max-device-wi
   table.ls-answers td.visible-xs, table.ls-answers th.visible-xs {
     display: block !important;
   }
+  /* Don't display repeating header on mobile devices'*/
+  table.ls-answers tr.ls-heading-repeat {
+    display: none;
+  }
 }
 /* Fix for IE11 - no array question radio buttons on small screens */
 @media all and (max-width: 760px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

diff --git a/themes/survey/fruity_twentythree/css/variations/theme_mango.css b/themes/survey/fruity_twentythree/css/variations/theme_mango.css
@@ -12052,6 +12052,10 @@ For iPads specifically : add this : (min-device-width: 768px) and (max-device-wi
   table.ls-answers td.visible-xs, table.ls-answers th.visible-xs {
     display: block !important;
   }
+  /* Don't display repeating header on mobile devices'*/
+  table.ls-answers tr.ls-heading-repeat {
+    display: none;
+  }
 }
 /* Fix for IE11 - no array question radio buttons on small screens */
 @media all and (max-width: 760px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

diff --git a/themes/survey/vanilla/css/noTablesOnMobile.css b/themes/survey/vanilla/css/noTablesOnMobile.css
@@ -179,4 +179,9 @@ For iPads specifically : add this : (min-device-width: 768px) and (max-device-wi
     table.ls-answers th.visible-xs {
         display: block !important
     }
+
+    /* Don't display repeating header on mobile devices'*/
+    table.ls-answers tr.ls-heading-repeat {
+        display: none;
+    }
 }