X-Git-Url: http://git.roojs.org/?p=roojs1;a=blobdiff_plain;f=css-bootstrap%2Froojs-bootstrap-debug.css;h=eaf31f855a3117de4ce46b2ada00d19451b4f8ee;hp=687277cd31d107b6e0fb8811c49f407109ec7630;hb=5aa66277597eebf9091d0a12a91917bad8644d6c;hpb=8e14c8ef3efd1f2f3b338a2dab38bcaad003d8c2 diff --git a/css-bootstrap/roojs-bootstrap-debug.css b/css-bootstrap/roojs-bootstrap-debug.css index 687277cd31..eaf31f855a 100644 --- 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...