X-Git-Url: http://git.roojs.org/?p=roojs1;a=blobdiff_plain;f=css-bootstrap%2Froojs-bootstrap-debug.css;h=eaf31f855a3117de4ce46b2ada00d19451b4f8ee;hp=6eb06c3539e6fdc75036de47f7d866039690b6d9;hb=5aa66277597eebf9091d0a12a91917bad8644d6c;hpb=86b19963d015a4f26b4a87557f13f21b9f198534 diff --git a/css-bootstrap/roojs-bootstrap-debug.css b/css-bootstrap/roojs-bootstrap-debug.css index 6eb06c3539..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; @@ -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,12 +2171,13 @@ 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: 36px; @@ -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...