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;
}
}
*/
-.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,
.tab-content > .tab-pane {
position: absolute;
}
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar {
+ margin: 0 5px;
+}
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
+ 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 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) {
.navbar-right {
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;
top: 4px;
font-size: 12px;
outline: none;
- color: #999;
+ color: #777777;
/*background: url('@{bootstrap-image-path}/select2/select2.png') right top no-repeat;*/
}
+.roo-select2-search-choice-close:hover {
+ color: #333333;
+}
html[dir="rtl"] .roo-select2-search-choice-close {
right: auto;
left: 3px;
.table tfoot .navbar {
min-height: inherit;
}
+/* for ie11 && edge: fixing height inheriting from tbody to tr */
+.roo-ie11 table.table tbody tr,
+.roo-edge table.table tbody tr {
+ height: auto;
+}
.header .top-bar {
min-height: 30px;
background: #777777;
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;
}
.radio {
padding-left: 15px !important;
}
+/* inside a column it needs even more padding...*/
+.column .checkbox,
+.column .radio {
+ padding-left: 25px !important;
+}
/* paging toolbar */
.pagination .x-paging-position span {
padding-top: 3px;