roojs-ui.js

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

diff --git a/css-bootstrap4/roojs-bootstrap-debug.css b/css-bootstrap4/roojs-bootstrap-debug.css
index fd501f9..ba87b73 100644 (file)
--- a/css-bootstrap4/roojs-bootstrap-debug.css
+++ b/css-bootstrap4/roojs-bootstrap-debug.css
@@ -555,7 +555,7 @@ table.fc-border-separate {
   position: absolute;
   display: block;
   top: 50%;
-  color: #fff;
+  color: #343a40;
   z-index: 100;
   cursor: pointer;
   padding: 10px;
@@ -566,7 +566,7 @@ table.fc-border-separate {
   position: absolute;
   display: block;
   top: 50%;
-  color: #fff;
+  color: #343a40;
   z-index: 100;
   cursor: pointer;
   padding: 10px;
@@ -579,6 +579,16 @@ table.fc-border-separate {
 .carousel-inner .tab-pane.clickable {
   cursor: pointer;
 }
+.tab-content > .carousel-inner {
+  padding: 16px 35px;
+  background: #f8f9fa;
+}
+.tab-content > .carousel-inner > .tab-pane {
+  display: none;
+}
+.tab-content > .carousel-inner > .active {
+  display: block;
+}
 /*
  *
  * From https://github.com/flatlogic/awesome-bootstrap-checkbox
@@ -957,6 +967,7 @@ table.fc-border-separate {
 .roo-select2-container .x-combo-noedit {
   cursor: pointer;
   background-color: #fff;
+  display: table-cell;
 }
 .roo-select2-container .x-combo-noedit[disabled] {
   cursor: not-allowed;
@@ -985,9 +996,17 @@ table.fc-border-separate {
   margin-bottom: 3px;
 }
 .roo-select2-container .input-group-addon {
-  padding: 6px 12px;
+  padding: 6px 4px;
   border: 1px solid #ced4da;
   border-left: 0px;
+  display: table-cell;
+}
+/*  padding on navbars is different? */
+.navbar .roo-select2-container .input-group-addon {
+  padding: 6px 10px;
+}
+.roo-select2-container .dropdown-toggle::after {
+  margin-left: 0;
 }
 .roo-select2-container .roo-removable {
   position: relative;
@@ -1004,31 +1023,15 @@ table.fc-border-separate {
   z-index: 2;
   top: 5px;
 }
-/*
- .roo-select2-container .roo-removable.has-feedback .roo-combo-removable-btn {
- position: absolute;
- right: 40px;
- z-index: 2;
- top: 5px;
- }
- .roo-select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn {
- position: absolute;
- right: 70px;
- z-index: 2;
- top: 5px;
- }
- .roo-select2-container.input-group .has-feedback .roo-combo-removable-btn {
- position: absolute;
- right: 35px;
- z-index: 2;
- top: 5px;
- }*/
 .has-warning .roo-select2-container-multi {
   border: 1px solid #ffc107;
 }
 .roo-ios-select {
   width: 100%;
 }
+.roo-select2-container.input-group > .form-control {
+  width: 100%;
+}
 /*!
  * Datepicker for Bootstrap
  *
@@ -2437,6 +2440,9 @@ a.roo-brick-link:focus, a.roo-brick-link:hover {
 table td .navbar {
   min-height: auto;
 }
+.tab-pane .navbar-nav, .tab-pane .navbar-nav .nav-item {
+  width: 100%;
+}
 .roo-numberbox {
   background-color: #007bff !important;
   border: 10px solid black;
@@ -2510,13 +2516,33 @@ table td .navbar {
 .roo-radio-success .radio.checked label::after {
   background-color: #28a745;
 }
-.roo-radio-set.has-warning .roo-radio-set-items label, .roo-radio-set.has-warning .roo-radio-set-label {
-  color: #ffc107;
-}
-.roo-radio-set.has-error .roo-radio-set-items label, .roo-radio-set.has-error .roo-radio-set-label {
+/** not sure if these are needed with is-valid / is-invalid.. */
+/*
+ * DISABLED probably needs deleting...
+ .roo-radio-set.has-warning {
+ .roo-radio-set-items label,
+ .roo-radio-set-label {
+ color: $brand-warning; //#8a6d3b;
+ }
+ }
+ .roo-radio-set.has-error {
+ .roo-radio-set-items label,
+ .roo-radio-set-label {
+ color: $brand-danger; //#a94442;
+ }
+ }
+ .roo-radio-set.has-success {
+ .roo-radio-set-items label,
+ .roo-radio-set-label
+ {
+ color: $brand-success; //#3c763d;
+ }
+ }
+ */
+.roo-radio-set.is-invalid .roo-radio-set-items label, .roo-radio-set.is-invalid .roo-radio-set-label {
   color: #dc3545;
 }
-.roo-radio-set.has-success .roo-radio-set-items label, .roo-radio-set.has-success .roo-radio-set-label {
+.roo-radio-set.is-valid .roo-radio-set-items label, .roo-radio-set.is-valid .roo-radio-set-label {
   color: #28a745;
 }
 .roo-radio-set-inline .radio {
@@ -2594,6 +2620,7 @@ table td .navbar {
   /* inline-block for ie7 */
   zoom: 1;
   *display: inline;
+  display: table;
   vertical-align: middle;
 }
 .roo-select2-container, .roo-select2-drop, .roo-select2-search, .roo-select2-search input {
@@ -2952,11 +2979,17 @@ table td .navbar {
   display: none;
 }
 /* multiselect */
+.roo-select2-container-multi {
+  width: 100%;
+  /* needed on BS4? */
+}
 .roo-select2-container-multi .roo-select2-choices {
   height: auto !important;
   height: 1%;
   margin: 0;
   padding: 0;
+  width: 100%;
+  /* needed on BS4? */
   /*position: relative;*/
   border: 1px solid #6c757d;
   cursor: text;
@@ -3306,6 +3339,9 @@ html.bootstrap-sticky body {
 .navbar .pagination > li > span {
   min-height: 34px;
 }
+.table tfoot td {
+  padding: 0;
+}
 .navbar .pagination {
   margin: 0;
 }