From fbb508a9b17c86a55de02121159b883e4bdfa846 Mon Sep 17 00:00:00 2001 From: twilligls Date: Tue, 12 Dec 2023 14:58:04 +0100 Subject: [PATCH] Fixed issue #CT-545: Don't display repeat headers on mobile devices --- .../fruity_twentythree/core/old_template_core_class.scss | 5 +++++ .../fruity_twentythree/css/variations/theme_apple-rtl.css | 4 ++++ .../survey/fruity_twentythree/css/variations/theme_apple.css | 4 ++++ .../css/variations/theme_blueberry-rtl.css | 4 ++++ .../fruity_twentythree/css/variations/theme_blueberry.css | 4 ++++ .../fruity_twentythree/css/variations/theme_grape-rtl.css | 4 ++++ .../survey/fruity_twentythree/css/variations/theme_grape.css | 4 ++++ .../fruity_twentythree/css/variations/theme_mango-rtl.css | 4 ++++ .../survey/fruity_twentythree/css/variations/theme_mango.css | 4 ++++ themes/survey/vanilla/css/noTablesOnMobile.css | 5 +++++ 10 files changed, 42 insertions(+) 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 index a6496cb5e89..d1fc0529f9c 100644 --- 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 index cd5c89c11bc..46e738a8038 100644 --- 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 index 64155e33e72..cbdd352aafe 100644 --- 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 index 17c55c3e245..a792440b6f7 100644 --- 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 index 216b5712942..4ff3b196403 100644 --- 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 index 8ab24ee7b37..88bcf8b503b 100644 --- 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 index 87f3af0ce03..73228c4ec6c 100644 --- 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 index 7a95fdc5b1b..3b9d0857467 100644 --- 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 index 258bc76317c..cb00393a9ac 100644 --- 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 index 13d4a30e83b..ad77d503d35 100644 --- 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; + } }