Fixed issue #6470 : Bad emplacement of Other text input box for large…

… screen in Multiple option Dev : use display:inline for li.other
jun9 · Aug 12, 2012 · 595e8da · 595e8da
1 parent 5cdcc08
commit 595e8da
Show file tree

Hide file tree

Showing 8 changed files with 72 additions and 11 deletions.
diff --git a/templates/basic/template.css b/templates/basic/template.css
@@ -496,6 +496,11 @@ table.question tr.array1:hover,table.question tr.array2:hover {
   display: inline-block;
   width: 85%;
 }
+.list-radio .answer li.other label,
+.list-with-comment .answer li.other label {
+  display: inline;
+  width:auto;
+}
 
 .list-radio .answer li input,
 .list-with-comment .answer li input {
@@ -595,6 +600,10 @@ ul.cols-8 li,ul.cols-8-ul,table.cols-8 td {
   display: inline-block;
   width: 85%;
 }
+.multiple-opt .answer li.other label, , .multiple-opt-comments .answer li.other .option label{
+  display: inline;
+  width: auto;
+}
 
 /* The following styles only apply to modern (relatively) complete CSS2 compliant browsers. (Not less than IE 8) */
 .multiple-opt-comments td.answer,.multiple-short-txt td.answer,.numeric-multi td.answer

diff --git a/templates/bluengrey/template.css b/templates/bluengrey/template.css
@@ -623,7 +623,11 @@ If you want ul.multinumerichelp to float beside the input boxes, you need to unc
   display: inline-block;
   width: 85%;
 }
-
+.list-radio .answers li.other label,
+.list-with-comment .answers li.other label {
+  display: inline;
+  width:auto;
+}
 .list-radio .answers li input ,
 .list-with-comment .answers li input{
   vertical-align: top !important;
@@ -744,6 +748,10 @@ ul.cols-2-ul label,ul.cols-3-ul label,ul.cols-4-ul label,ul.cols-5-ul label,ul.c
   display: inline-block;
   width: 85%;
 }
+.multiple-opt .answers li.other label, .multiple-opt-comments .answers li.other .option label {
+  display: inline;
+  width: auto;
+}
 
 /* The following styles only apply to modern (relatively) complete CSS2 compliant browsers. (Not less than IE 8) */
 .multiple-opt-comments td.answers,.multiple-short-txt td.answers,.numeric-multi td.answers

diff --git a/templates/clear_logo/template.css b/templates/clear_logo/template.css
@@ -516,7 +516,11 @@ p.question {
   display: inline-block;
   width: 85%;
 }
-
+.list-radio .answer li.other label,
+.list-with-comment .answer li.other label {
+  display: inline;
+  width: auto;
+}
 .list-radio .answer li input,
 .list-with-comment .answer li input {
   vertical-align: top !important;
@@ -615,6 +619,10 @@ ul.cols-8 li,ul.cols-8-ul,table.cols-8 td {
   display: inline-block;
   width: 90%;
 }
+.multiple-opt .answer li.other label, .multiple-opt-comments .answer li.other .option label {
+  display: inline;
+  width: auto;
+}
 
 /* The following styles only apply to modern (relatively) complete CSS2 compliant browsers. (Not less than IE 8) */
 .multiple-opt-comments td.answer,.multiple-short-txt td.answer,.numeric-multi td.answer

diff --git a/templates/default/template.css b/templates/default/template.css
@@ -726,7 +726,11 @@ table.clearall-result td {
   display: inline-block;
   width: 85%;
 }
-
+.list-radio .answer li.other label,
+.list-with-comment .answer li.other label {
+  display: inline;
+  width: auto;
+}
 .list-radio .answer li input,
 .list-with-comment .answer li input {
   vertical-align: top !important;
@@ -825,7 +829,10 @@ ul.cols-8 li,ul.cols-8-ul,table.cols-8 td {
   display: inline-block;
   width: 85%;
 }
-
+.multiple-opt .answer li.other label, .multiple-opt-comments .answer li.other .option label {
+  display: inline;
+  width: auto;
+}
 /* The following styles only apply to modern (relatively) complete CSS2 compliant browsers. (Not less than IE 8) */
 .multiple-opt-comments ul,.multiple-short-txt ul,.numeric-multi ul {
   display: table;

diff --git a/templates/eirenicon/template.css b/templates/eirenicon/template.css
@@ -612,6 +612,11 @@ table.clearall-result td {
   display: inline-block;
   width: 85%;
 }
+.list-radio .question-answer li.other label,
+.list-with-comment .question-answer li.other label {
+  display: inline;
+  width: auto;
+}
 
 .list-radio .question-answer li input,
 .list-with-comment .question-answer li input {
@@ -723,7 +728,10 @@ table.rank td.helptext {
   display: inline-block;
   width: 90%;
 }
-
+.multiple-opt .question-answer li.other label, .multiple-opt-comments .question-answer li.other .option label {
+  display: inline;
+  width: auto;
+}
 /* The following styles only apply to modern (relatively) complete CSS2 compliant browsers. (Not less than IE 8) */
 .multiple-opt-comments td.answer,.multiple-short-txt td.answer,.numeric-multi td.answer
   {

diff --git a/templates/limespired/template.css b/templates/limespired/template.css
@@ -693,7 +693,11 @@ a.imglink {
   display: inline-block;
   width: 85%;
 }
-
+.list-radio .survey-question-answer li.other label,
+.list-with-comment .survey-question-answer li.other label {
+  display: inline;
+  width: auto;
+}
 .list-radio .survey-question-answer li input,
 .list-with-comment .survey-question-answer li input {
   vertical-align: top !important;
@@ -796,7 +800,10 @@ ul.cols-8 li,ul.cols-8-ul,table.cols-8 td {
   display: inline-block;
   width: 90%;
 }
-
+.multiple-opt .survey-question-answer li label, .multiple-opt-comments .survey-question-answer li .option label {
+  display: inline;
+  width: auto;
+}
 /* The following styles only apply to modern (relatively) complete CSS2 compliant browsers. (Not less than IE 8) */
 .multiple-opt-comments td.answer,.multiple-short-txt td.answer,.numeric-multi td.answer
   {

diff --git a/templates/mint_idea/template.css b/templates/mint_idea/template.css
@@ -750,7 +750,11 @@ select {
   display: inline-block;
   width: 85%;
 }
-
+.list-radio .survey-question-answer li label,
+.list-with-comment .survey-question-answer li label {
+  display: inline;
+  width: auto;
+}
 .list-radio .survey-question-answer li input,
 .list-with-comment .survey-question-answer li input {
   vertical-align: top !important;
@@ -860,7 +864,10 @@ table.rank td.helptext {
 .multiple-opt-comments .survey-question-answer li .option label {
   width: 85%;
 }
-
+.multiple-opt .survey-question-answer li.other label, .multiple-opt-comments .survey-question-answer li.other .option label {
+  display: inline;
+  width: auto;
+}
 /* The following styles only apply to modern (relatively) complete CSS2 compliant browsers. (Not less than IE 8) */
 .multiple-opt-comments td.answer,.multiple-short-txt td.answer,.numeric-multi td.answer
   {

diff --git a/templates/sherpa/template.css b/templates/sherpa/template.css
@@ -593,7 +593,11 @@ table.question tr.array1:hover,table.question tr.array2:hover {
   display: inline-block;
   width: 85%;
 }
-
+.list-radio .survey-question-answer li.other label,
+.list-with-comment .survey-question-answer li.other label {
+  display: inline;
+  width: auto;
+}
 .list-radio .survey-question-answer li input,
 .list-with-comment .survey-question-answer li input {
   vertical-align: top !important;
@@ -707,7 +711,10 @@ table.rank td.helptext {
   display: inline-block;
   width: 90%;
 }
-
+.multiple-opt .survey-question-answer li.other label, .multiple-opt-comments .survey-question-answer li.other .option label {
+  display: inline;
+  width: auto;
+}
 /* The following styles only apply to modern (relatively) complete CSS2 compliant browsers. (Not less than IE 8) */
 .multiple-opt-comments td.answer,.multiple-short-txt td.answer,.numeric-multi td.answer
   {