refactor: simplify Radios input CSS

Signed-off-by: Thierry Bugier <tbugier@teclib.com>
pluginsGLPI · Jun 26, 2020 · 546a39b · 546a39b
1 parent 4e468e3
commit 546a39b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 9 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -421,40 +421,46 @@ input.submit_button:focus {
    border: 2px solid #727272;
 }
 
-.formcreator_radios .form-group-radio {
+.formcreator_form div.radio {
+   padding: 3.7px 0;
+}
+.formcreator_form div.radio label {
+   cursor: pointer;
+}
+.radios .form-group-radio {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
 }
-.formcreator_radios .form-group-radio + label {
+.radios .form-group-radio + label {
    margin-left: 7px;
 }
-.formcreator_radios input[type = radio] {
+input[type = radio] {
    display: none;
 }
-.formcreator_radios .radio {
+.label-radio .radio {
    padding: 2px 0;
 }
-.formcreator_radios input[type = radio] + label.label-radio span {
+input[type = radio] + label.label-radio span {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
 }
-.formcreator_radios input[type = radio] + label.label-radio .box {
+input[type = radio] + label.label-radio .box {
    background-color: #fff;
    border: 2px solid #727272;
    border-radius: 50%;
 }
-.formcreator_radios input[type = radio] + label.label-radio .check {
+input[type = radio] + label.label-radio .check {
    left: 4px;
    top: 4px;
    width: 0px;
    height: 0px;
    opacity: 0;
 }
-.formcreator_radios input[type = radio]:checked + label.label-radio .check {
+input[type = radio]:checked + label.label-radio .check {
    border: 6px solid #727272;
    border-radius: 50%;
    transition: opacity 0.3s ease;

diff --git a/inc/fields/radiosfield.class.php b/inc/fields/radiosfield.class.php
@@ -121,7 +121,7 @@ public function getRenderedHtml($canEdit = true) {
                $html .= '<span class="check"></span>';
                $html .= '</label>';
                $html .= '</span>';
-               $html .= '<label class="label-radio" title="' . $value . '" for="' . $domId . '_' . $i . '">';
+               $html .= '<label for="' . $domId . '_' . $i . '">';
                $html .= $value;
                $html .= '</label>';
                $html .= '</div>';