fix combo checbox label

[roojs1] / css-bootstrap / roojs-bootstrap-debug.css

diff --git a/css-bootstrap/roojs-bootstrap-debug.css b/css-bootstrap/roojs-bootstrap-debug.css
index 687277c..eaf31f8 100644 (file)
--- a/css-bootstrap/roojs-bootstrap-debug.css
+++ b/css-bootstrap/roojs-bootstrap-debug.css
@@ -609,7 +609,7 @@ table.fc-border-separate {
  * From https://github.com/flatlogic/awesome-bootstrap-checkbox
  *
  */
-.checkbox label {
+.checkbox label.box-label {
   display: inline-block;
   position: relative;
   padding-left: 5px;
@@ -639,7 +639,8 @@ table.fc-border-separate {
 .checkbox input[type="checkbox"]:checked + label::after {
   font-size: 18px;
   padding-top: 0px;
-  font-family: 'Font Awesome 5 Free 400';
+  font-family: 'Font Awesome 5 Free';
+  /* change the font - uses the filled one */
   font-weight: 900;
   color: #5cb85c;
   content: "\f14a";
@@ -654,47 +655,27 @@ table.fc-border-separate {
 .checkbox input[type="checkbox"]:disabled + label {
   opacity: 0.65;
 }
-.checkbox input[type="checkbox"]:disabled + label::before {
-  background-color: #eeeeee;
+.checkbox input[type="checkbox"]:disabled + label::after {
+  color: #eeeeee;
   cursor: not-allowed;
 }
 .checkbox.checkbox-circle label::before {
   border-radius: 50%;
 }
-.checkbox-primary input[type="checkbox"]:checked + label::before {
-  background-color: #337ab7;
-  border-color: #337ab7;
-}
 .checkbox-primary input[type="checkbox"]:checked + label::after {
-  color: #ffffff;
-}
-.checkbox-danger input[type="checkbox"]:checked + label::before {
-  background-color: #d9534f;
-  border-color: #d9534f;
+  color: #337ab7;
 }
 .checkbox-danger input[type="checkbox"]:checked + label::after {
-  color: #ffffff;
-}
-.checkbox-info input[type="checkbox"]:checked + label::before {
-  background-color: #5bc0de;
-  border-color: #5bc0de;
+  color: #d9534f;
 }
 .checkbox-info input[type="checkbox"]:checked + label::after {
-  color: #ffffff;
-}
-.checkbox-warning input[type="checkbox"]:checked + label::before {
-  background-color: #f0ad4e;
-  border-color: #f0ad4e;
+  color: #5bc0de;
 }
 .checkbox-warning input[type="checkbox"]:checked + label::after {
-  color: #ffffff;
-}
-.checkbox-success input[type="checkbox"]:checked + label::before {
-  background-color: #5cb85c;
-  border-color: #5cb85c;
+  color: #f0ad4e;
 }
 .checkbox-success input[type="checkbox"]:checked + label::after {
-  color: #ffffff;
+  color: #5cb85c;
 }
 /* before is the outer cicle */
 /* after is the inner circle.. */
@@ -803,6 +784,10 @@ table.fc-border-separate {
 .radio.radio-inline {
   margin-top: 0;
 }
+.form-group.checkbox {
+  padding-bottom: 25px;
+  margin-top: 0;
+}
 /*
  *
  * From https://github.com/danielfarrell/bootstrap-combobox
@@ -1018,6 +1003,10 @@ table.fc-border-separate {
 .dropdown-menu .roo-select2-result .checkbox {
   margin-top: 3px;
   margin-bottom: 3px;
+  margin-left: 20px;
+}
+.roo-select2-result .checkbox label {
+  margin-left: 5px;
 }
 .roo-select2-container .input-group-addon {
   padding: 6px 12px;
@@ -3772,7 +3761,7 @@ html.bootstrap-sticky body {
   font-weight: bold;
 }
 .box-label {
-  margin-left: 5px;
+  margin-left: 18px;
   cursor: pointer;
 }
 /* needed as menu ontop of form does not work */
@@ -3780,10 +3769,10 @@ html.bootstrap-sticky body {
   z-index: 1;
 }
 /* admin-lte - messes with checkbox and radio.. */
-.checkbox,
-.radio {
-  padding-left: 15px !important;
+/*.checkbox, .radio {
+    padding-left: 15px !important;
 }
+*/
 /* inside a column it needs even more padding...*/
 /*
 * It breaks all the checkbox layout. comment it first...