Fixed issue #10449: html markups in array question's answers correctl…

…y displaying in small screens
LimeSurvey · Feb 16, 2016 · 676db8b · 676db8b
1 parent 46700dd
commit 676db8b
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/templates/default/css/template.css b/templates/default/css/template.css
@@ -119,6 +119,9 @@ li.responsive-content
         display: block;
     }
 
+    .no-more-tables table.subquestions-list td {
+        text-align: left;
+    }
 
     /* Hide table headers (but not display: none;, for accessibility) */
     .no-more-tables thead tr {
@@ -142,7 +145,7 @@ li.responsive-content
         min-height: 2em;
         border: none;
         position: relative;
-        padding-left: 95%;
+        /*padding-left: 95%;*/
         padding-bottom: 1em;
         white-space: normal;
         text-align:left;
@@ -169,7 +172,7 @@ li.responsive-content
     /*
     Label the data
     */
-    .no-more-tables td:before { content: attr(data-title); }
+    /*.no-more-tables td:before { content: attr(data-title); }*/
 
     .no-more-tables-10-point tr{
         padding-bottom: 100px;

diff --git a/templates/default/scripts/template.js b/templates/default/scripts/template.js
@@ -75,6 +75,22 @@ function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
 
 $(document).ready(function(){
 
+    if($(window).width() < 800)
+    {
+        if($('.no-more-tables').length > 0)
+        {
+            $('.no-more-tables').find('td').each(function(){
+                $that = $(this);
+                //$content = '<td>'+$that.data('title')+'</td>';
+                $label = $that.data('title');
+                $input = $that.find('input');
+
+                //$that.empty().prepend($content);
+                $that.find('label').prepend($label);
+            });
+        }
+    }
+
     var outerframeDistanceFromTop = 50;
     // Manage top container
     if(!$.trim($('#topContainer .container').html()))