css-bootstrap/roojs-bootstrap-debug.css.map

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

diff --git a/css-bootstrap/roojs-bootstrap-debug.css b/css-bootstrap/roojs-bootstrap-debug.css
index f5c9535..b5e5017 100644 (file)
--- a/css-bootstrap/roojs-bootstrap-debug.css
+++ b/css-bootstrap/roojs-bootstrap-debug.css
@@ -1833,14 +1833,22 @@ li.dropdown-toggle span + i.glyphicon {
 li.dropdown-menu-item i.fa + span {
   margin-left: 5px;
 }
+li.dropdown-toggle button > i.glyphicon {
+  margin: 3px 0 0 5px;
+}
 div.input-group.has-feedback > .form-control-feedback {
   right: 30px;
 }
+.roo-required-indicator {
+  font-size: 8px;
+  color: #d9534f;
+  vertical-align: top;
+}
 .roo-required-indicator.left-indicator {
-  margin-right: 5px;
+  margin-right: 3px;
 }
 .roo-required-indicator.right-indicator {
-  margin-left: 5px;
+  margin-left: 3px;
 }
 .label-pill {
   padding-right: .6em;
@@ -2329,12 +2337,28 @@ a.roo-brick-link:hover {
     }
 }
 */
-.modal-body.roo-layout-container {
+.modal-body.roo-layout-container,
+.modal-body > .container {
   padding: 0;
 }
 .modal-dialog {
   max-width: 100%;
 }
+.modal-body > .container .col-xs-12 {
+  padding: 0;
+}
+@media (max-width: 768px) {
+  .modal-body .col-md-12 {
+    padding: 0;
+  }
+  .modal-body {
+    padding: 5px;
+  }
+  .modal-body .row {
+    margin-left: -5px;
+    margin-right: -5px;
+  }
+}
 .roo-navigation-bar-group,
 .roo-navigation-top-bar,
 .roo-navigation-bullets-bar,
@@ -2512,21 +2536,25 @@ a.roo-brick-link:hover {
 .tab-content > .tab-pane {
   position: absolute;
 }
-.tab-content > .tab-pane .navbar > .navbar-nav {
-  margin: 0 5px;
-}
 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar {
-  margin: 0px;
+  margin: 0 5px;
 }
 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
-  padding: 0px;
+  padding: 10px 5px;
+}
+@media (max-width: 768px) {
+  .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
+    padding: 5px 5px;
+  }
 }
 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .form-group {
   margin-bottom: 0px;
 }
-.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .input-group,
-.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button.roo-toolbar-button {
-  margin: 10px 5px;
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button + button {
+  margin-left: 5px;
+}
+.tab-content > .tab-pane .navbar > .navbar-nav a.dropdown-toggle {
+  padding: 10px 5px;
 }
 /* for some reason it's -15px on BS */
 @media (min-width: 768px) {
@@ -2534,6 +2562,13 @@ a.roo-brick-link:hover {
     margin-right: 15px;
   }
 }
+/* was -15 before, on mobile it made the buttons too close to the edit.. */
+.navbar-nav {
+  margin: 0px -5px;
+}
+table td .navbar {
+  min-height: auto;
+}
 .roo-numberbox {
   background-color: #337ab7 !important;
   border: 10px solid black;
@@ -3499,8 +3534,8 @@ html.bootstrap-sticky body {
   min-height: inherit;
 }
 /* for ie11 && edge: fixing height inheriting from tbody to tr */
-.roo-ie11 table tbody tr,
-.roo-edge table tbody tr {
+.roo-ie11 table.table tbody tr,
+.roo-edge table.table tbody tr {
   height: auto;
 }
 .header .top-bar {
@@ -3618,6 +3653,10 @@ html.bootstrap-sticky body {
   font-size: 14px;
   line-height: 24px;
 }
+/* WTF is this! !!
+ *
+ * DO NOT EVER PUT ANYTHIGN IN THIS FILE... tweaks - bad name... *
+ */
 .navbar-left .input-group[class*="col-"] {
   float: left;
 }
@@ -3650,6 +3689,14 @@ html.bootstrap-sticky body {
 .radio {
   padding-left: 15px !important;
 }
+/* inside a column it needs even more padding...*/
+/*
+* It breaks all the checkbox layout. comment it first...
+*/
+/*.column .checkbox,
+.column .radio {
+    padding-left: 25px !important;
+}*/
 /* paging toolbar */
 .pagination .x-paging-position span {
   padding-top: 3px;