fix(radiosfield): better display

btry · btry · commit fe6c2e8d0630 · 2023-03-06T10:58:56.000+01:00
diff --git a/css/styles.scss b/css/styles.scss
@@ -320,6 +320,15 @@ form#plugin_formcreator_form {
             padding: initial;
             padding-left: 40px;
          }
+
+         .label-radio {
+            display: inline;
+            margin-bottom: 0.2em;
+         }
+
+         .radio {
+            padding-bottom: 1em;
+         }
       }
    }
 
diff --git a/inc/field/checkboxesfield.class.php b/inc/field/checkboxesfield.class.php
@@ -100,6 +100,7 @@ public function getRenderedHtml($domain, $canEdit = true): string {
          foreach ($values as $value) {
             if ((trim($value) != '')) {
                $i++;
+               $translated_value =  __($value, $domain);
                $html .= "<div class='checkbox'>";
                $html .= Html::getCheckbox([
                   'title'         => htmlentities($value, ENT_QUOTES),
@@ -109,8 +110,8 @@ public function getRenderedHtml($domain, $canEdit = true): string {
                   'zero_on_empty' => false,
                   'checked'       => in_array($value, $this->value)
                ]);
-               $html .= '<label for="' . $domId . '_' . $i . '">';
-               $html .= '&nbsp;' . __($value, $domain);
+               $html .= '<label for="' . $domId . '_' . $i . '" title="' . $translated_value . '">';
+               $html .= '&nbsp;' . $translated_value;
                $html .= '</label>';
                $html .= "</div>";
             }
diff --git a/inc/field/radiosfield.class.php b/inc/field/radiosfield.class.php
@@ -85,14 +85,13 @@ public function getRenderedHtml($domain, $canEdit = true): string {
                   'id'      => $domId . '_' . $i,
                   'value'   => $value
                ] + $checked);
-               $html .= '<label class="label-radio" title="' . $value . '" for="' . $domId . '_' . $i . '">';
+               $translated_value =  __($value, $domain);
+               $html .= '<label for="' . $domId . '_' . $i . '" class="label-radio" title="' . $translated_value . '">';
                $html .= '<span class="box"></span>';
                $html .= '<span class="check"></span>';
+               $html .= '&nbsp;' . $translated_value;
                $html .= '</label>';
                $html .= '</span>';
-               $html .= '<label for="' . $domId . '_' . $i . '">';
-               $html .= '&nbsp;' . __($value, $domain);
-               $html .= '</label>';
                $html .= '</div>';
             }
          }

Original file line number	Diff line number	Diff line change
`@@ -320,6 +320,15 @@ form#plugin_formcreator_form {`
`320`	`320`	`padding: initial;`
`321`	`321`	`padding-left: 40px;`
`322`	`322`	`}`
	`323`	`+`
	`324`	`+ .label-radio {`
	`325`	`+ display: inline;`
	`326`	`+ margin-bottom: 0.2em;`
	`327`	`+ }`
	`328`	`+`
	`329`	`+ .radio {`
	`330`	`+ padding-bottom: 1em;`
	`331`	`+ }`
`323`	`332`	`}`
`324`	`333`	`}`
`325`	`334`