Permalink
Browse files

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

… screen in Multiple option

Dev : use display:inline for li.other
  • Loading branch information...
1 parent 5cdcc08 commit 595e8da4ca260fddec74a77e1965074d289bedff @Shnoulle Shnoulle committed Aug 12, 2012
@@ -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
@@ -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
@@ -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
@@ -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;
@@ -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
{
@@ -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
{
@@ -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
{
@@ -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
{

0 comments on commit 595e8da

Please sign in to comment.