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 8aa1e54..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;
@@ -1876,6 +1865,9 @@ li.dropdown-menu-item i.fa + span {
 li.dropdown-toggle button > i.glyphicon {
   margin: 3px 0 0 5px;
 }
+.dropdown-menu.nowrap li a span {
+  white-space: nowrap;
+}
 div.input-group.has-feedback > .form-control-feedback {
   right: 30px;
 }
@@ -1893,6 +1885,15 @@ div.input-group.has-feedback > .roo-input-after + .form-control-feedback {
 .roo-required-indicator.right-indicator {
   margin-left: 3px;
 }
+.roo-form-group-label-left .roo-required-indicator.left-indicator {
+  position: absolute;
+  top: 8px;
+  left: 15px;
+}
+/* fix vertical alignment on left labels. tax -details social security number */
+.roo-form-group-label-left label {
+  margin-top: 8px;
+}
 .label-pill {
   padding-right: .6em;
   padding-left: .6em;
@@ -2170,15 +2171,16 @@ button.list-group-item {
   z-index: 20000;
   /*border: 4px double #557; */
   background-color: #ffffff;
-  padding: 0px 30px;
+  padding: 0px;
   /*background-image: url('@{bootstrap-image-path}/ux/lightbox/loading.gif');*/
   background-repeat: no-repeat;
   border: 10px solid white;
   border-radius: 20px;
   display: table;
+  min-width: 250px;
 }
 .roo-el-mask-msg i {
-  font-size: 48px;
+  font-size: 36px;
   vertical-align: middle;
   float: left;
 }
@@ -2187,7 +2189,7 @@ button.list-group-item {
   font-size: 24px;
   font-weight: 500;
   z-index: 20001;
-  padding: 4px 15px;
+  padding: 0px 15px;
   color: #555555;
   display: table-cell;
   vertical-align: middle;
@@ -2396,9 +2398,6 @@ a.roo-brick-link:hover {
 .modal-dialog {
   max-width: 100%;
 }
-.modal-body > .container .col-xs-12 {
-  padding: 0;
-}
 @media (max-width: 768px) {
   .modal-body .col-md-12 {
     padding: 0;
@@ -2410,6 +2409,9 @@ a.roo-brick-link:hover {
     margin-left: -5px;
     margin-right: -5px;
   }
+  .modal-body > .container .col-xs-12 {
+    padding: 0;
+  }
 }
 .modal .roo-mb-progress-wrap {
   margin-top: 4px;
@@ -2425,6 +2427,9 @@ a.roo-brick-link:hover {
   width: 0;
   background: #337ab7;
 }
+.enable-modal-body-overflow .modal-body {
+  overflow: auto;
+}
 .roo-navigation-bar-group,
 .roo-navigation-top-bar,
 .roo-navigation-bullets-bar,
@@ -2635,6 +2640,17 @@ a.roo-brick-link:hover {
 table td .navbar {
   min-height: auto;
 }
+.navbar-collapse li {
+  list-style-type: none;
+  padding: 5px;
+}
+.navbar-collapse ul {
+  padding-left: 10px;
+  padding-top: 5px;
+}
+.navbar-collapse .dropdown-item .fa {
+  padding-right: 5px;
+}
 .roo-numberbox {
   background-color: #337ab7 !important;
   border: 10px solid black;
@@ -3443,6 +3459,7 @@ html[dir="rtl"] .roo-select2-search-choice-close {
 }
 .sidebar .sidebar-menu li.open .treeview-menu {
   display: block;
+  width: 120%;
 }
 /* --- treeview menu  */
 .sidebar .sidebar-menu .treeview-menu {
@@ -3744,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 */
@@ -3752,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...