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 9bb19b5..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;
@@ -620,21 +620,6 @@ table.fc-border-separate {
   -ms-user-select: none;
   user-select: none;
 }
-.checkbox label::before {
-  content: "";
-  display: inline-block;
-  position: absolute;
-  width: 17px;
-  height: 17px;
-  left: 0;
-  margin-left: -20px;
-  border: 1px solid #777777;
-  border-radius: 3px;
-  background-color: #ffffff;
-  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-}
 .checkbox label::after {
   display: inline-block;
   position: absolute;
@@ -652,53 +637,45 @@ table.fc-border-separate {
   display: none;
 }
 .checkbox input[type="checkbox"]:checked + label::after {
-  font-family: 'FontAwesome';
-  content: "\f00c";
+  font-size: 18px;
+  padding-top: 0px;
+  font-family: 'Font Awesome 5 Free';
+  /* change the font - uses the filled one */
+  font-weight: 900;
+  color: #5cb85c;
+  content: "\f14a";
+}
+.checkbox input[type="checkbox"]:not(:checked) + label::after {
+  font-size: 18px;
+  padding-top: 0px;
+  font-family: 'Font Awesome 5 Free 400';
+  font-weight: 900;
+  content: "\f0c8";
 }
 .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.. */
@@ -807,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
@@ -1022,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;
@@ -1289,12 +1274,12 @@ table.fc-border-separate {
 }
 .datepicker table tr td.old,
 .datepicker table tr td.new {
-  color: #777777;
+  color: #eeeeee;
 }
 .datepicker table tr td.disabled,
 .datepicker table tr td.disabled:hover {
   background: none;
-  color: #777777;
+  color: #eeeeee;
   cursor: default;
 }
 .datepicker table tr td.today,
@@ -1530,6 +1515,7 @@ table.fc-border-separate {
   height: 100px;
   max-height: 100px;
   margin-top: 10px;
+  margin-left: 10px;
 }
 .roo-document-manager-preview.wide {
   width: 50%;
@@ -1562,6 +1548,7 @@ table.fc-border-separate {
   max-height: 100%;
   text-align: center;
   vertical-align: middle;
+  padding-bottom: 5px;
 }
 .roo-document-manager-preview > .close {
   position: absolute;
@@ -1573,6 +1560,48 @@ table.fc-border-separate {
 .roo-document-manager-preview > .close:hover {
   color: #333333;
 }
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb > img {
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  -o-filter: grayscale(100%);
+  -ms-filter: grayscale(100%);
+  filter: grayscale(100%);
+}
+.roo-document-manager-preview.disabled > .close {
+  display: none !important;
+}
+.roo-document-manager-preview > .roo-document-manager-thumb > .fa {
+  position: absolute;
+  left: -5px;
+  top: -5px;
+  width: 25px;
+  height: 25px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  line-height: 25px;
+  text-align: center;
+  background-color: #ffffff;
+  /*border: inherit;*/
+  font-size: 1.8em;
+  z-index: 1;
+}
+.roo-document-manager-preview > .roo-document-manager-thumb.bottom > .fa {
+  top: inherit;
+  bottom: -5px;
+}
+.roo-document-manager-preview > .roo-document-manager-thumb.primary > .fa {
+  color: #337ab7;
+}
+.roo-document-manager-preview > .roo-document-manager-thumb.border-primary {
+  border: 3px solid #337ab7;
+}
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb.primary > .fa {
+  color: #555555;
+}
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb.border-primary {
+  border: none;
+}
 /*
 * sm
 */
@@ -1836,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;
 }
@@ -1853,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;
@@ -2130,19 +2171,29 @@ button.list-group-item {
   z-index: 20000;
   /*border: 4px double #557; */
   background-color: #ffffff;
-  padding: 0px 30px;
-  background-image: url('../images/ux/lightbox/loading.gif');
+  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: 36px;
+  vertical-align: middle;
+  float: left;
 }
 .roo-el-mask-msg div {
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 24px;
   font-weight: 500;
   z-index: 20001;
-  padding: 4px 15px;
+  padding: 0px 15px;
   color: #555555;
+  display: table-cell;
+  vertical-align: middle;
+  float: left;
 }
 .x-body-masked {
   overflow: hidden !important;
@@ -2347,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;
@@ -2361,6 +2409,26 @@ 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;
+  border: 1px solid #286090;
+}
+.modal .roo-mb-progress-wrap .roo-mb-progress {
+  height: 18px;
+  background: transparent url('../images/default/basic-dialog/progress2.gif') repeat-x 1px 1px;
+}
+.modal .roo-mb-progress-wrap .roo-mb-progress .roo-mb-progress-bar {
+  height: 18px;
+  overflow: hidden;
+  width: 0;
+  background: #337ab7;
+}
+.enable-modal-body-overflow .modal-body {
+  overflow: auto;
 }
 .roo-navigation-bar-group,
 .roo-navigation-top-bar,
@@ -2572,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;
@@ -3380,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 {
@@ -3468,12 +3548,13 @@ html.bootstrap-sticky body {
   }
 }
 /* paging toolbar */
-.pagination .x-paging-position span {
-  padding-top: 3px;
-  padding-bottom: 3px;
+.table .pagination .x-paging-position span {
+  padding: 3px 6px;
 }
-.pagination .x-paging-position span input {
-  margin: 0 3px;
+.table .pagination .x-paging-position span input {
+  margin: 0 0 0 7px;
+  width: 42px;
+  padding: 0 5px;
 }
 .navbar .pagination > li > span {
   min-height: 34px;
@@ -3680,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 */
@@ -3688,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...
@@ -3745,6 +3826,13 @@ html.bootstrap-sticky body {
 .tooltip.fade.in {
   z-index: 10002;
 }
+.x-hidden {
+  position: absolute;
+  top: 0;
+  left: 0;
+  visibility: hidden;
+  display: none;
+}
 .roo-upload-cropbox-selector {
   visibility: hidden;
   height: 0px;
@@ -4909,15 +4997,15 @@ html.bootstrap-sticky body {
   border-bottom-left-radius: 0px;
   text-align: right;
 }
-.roo-money-field .has-success .roo-money-currency .input-group-addon {
+.has-success .roo-money-currency .roo-select2-container .input-group-addon {
   border-color: #3c763d;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #3c763d;
 }
-.roo-money-field .has-warning .roo-money-currency .input-group-addon {
+.has-warning .roo-money-currency .roo-select2-container .input-group-addon {
   border-color: #8a6d3b;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #8a6d3b;
 }
-.roo-money-field .has-error .roo-money-currency .input-group-addon {
+.has-error .roo-money-currency .roo-select2-container .input-group-addon {
   border-color: #a94442;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #a94442;
 }