// --- Generic settings ---------------------------------------------------- // body { font-family: $admin-font; } // All buttons raised .btn, .btn.disabled { @extend .btn-raised; } .bootstrap-datetimepicker-widget { z-index: 999; } // --- Header settings ----------------------------------------------------- // .navbar-header > .navbar-brand, .navbar-default .navbar-nav > li > a { color: $fg-navbar-brand; &:hover, &:focus { color: $fg-navbar-brand; opacity: 0.8; } } // --- Sidebar settings ---------------------------------------------------- // .sidebar-nav { .dropdown-header { border-bottom: 1px solid $gray-light2; } .nav-pills li { margin-top: 0; } } body.rails_admin .sidebar-nav { background-color: $bg-sidebar-nav; } @media screen and (min-width: 1200px) { body.rails_admin .sidebar-nav { margin-top: $generic-space * 2; } } // --- Content settings ---------------------------------------------------- // .content { margin-top: $generic-space * 6; } // --- List settings ------------------------------------------------------- // // Dashboard progress bars .content table .progress { height: $line-height-computed; } // --- Form settings ------------------------------------------------------- // // inline search forms .pjax-form.form-inline .well { box-shadow: 0 1px 4px $gray-light; padding-top: $generic-space * 2.5; padding-bottom: $generic-space; span a.btn { margin-top: 0; margin-bottom: 0; } .input-group .form-group { margin: 0; } .input-group-btn { padding: 0 4px; } } // inline filter form #filters_box { .label > a { color: #fff; } select.form-control { border: 1px solid $gray-light2; } } // compact forms .form-group { margin-top: $generic-space * 2; .btn.disabled { color: $gray-lighter; } .btn-group { margin-top: 0; margin-bottom: 0; } .checkbox label { padding-left: 10px; text-align: left; } .checkbox label, .radio label, label { color: $gray-light; } label.control-label { line-height: 2; margin-top: 0; // margin-top: $generic-space; } .controls .btn { margin-top: $generic-space; } .form-control.ra-filtering-select-input { margin-top: $generic-space; } .form-control.ra-multiselect-collection, .form-control.ra-multiselect-selection { @include gray-input-border(); } .form-control-static { margin-left: $generic-space * 2.5; } .help-block { color: $fg-help-block; display: block; font-style: italic; position: initial; margin-top: $generic-space; margin-bottom: $generic-space * 2; margin-left: $generic-space * 2.5; } .help-inline { margin-left: $generic-space * 2.5; } .input-group.filtering-select > .input-group-btn { padding: 0 4px; } .input-group.filtering-select ~ .help-block { top: -$generic-space * 2; } // nested tabs .tab-content > .tab-pane { background-color: $bg-nested-tab; border-left: 5px solid $brand-primary !important; border-top: 1px dotted $gray-light; border-bottom: 1px dotted $gray-light; margin-bottom: $generic-space; margin-top: $generic-space; } .well ~ .controls { margin-top: $generic-space * 2; } &.boolean_type .checkbox > label { padding-left: $generic-space * 2; } &.control-group { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; .well { box-shadow: 0 1px 4px $gray-light; padding-top: $generic-space * 2.5; padding-bottom: $generic-space; } &.error .control-label { color: $brand-danger; } } input[type="file"] { height: $generic-space * 6; opacity: 1.0; position: initial; } label.dropdown-toggle { padding-top: $generic-space * 1.5; padding-bottom: $generic-space * 1.5; } textarea.form-control { @include gray-input-border(); } } // modals .modal { .modal-body { padding-bottom: 0; > form.form-horizontal { margin-top: 0; } } .modal-header { a.close { @extend .btn; } } .modal-footer { margin-bottom: $generic-space * 2; margin-right: $generic-space * 2; > .btn { margin-bottom: 0; } } } // fix missing font characters for true / false .boolean_type > .label { font-family: sans-serif; } .form-inline .form-control { vertical-align: initial; } // --- Misc settings ------------------------------------------------------- // .has_many_association_type, .has_and_belongs_to_many_association_type { .help-block { top: -$generic-space * 3; } .nav-tabs { display: table; } } .nav-tabs li.active i, .nav-tabs li.active span { color: $fg-nav-tabs-active; } #fields_to_export > .form-group.control-group { margin-bottom: $generic-space * 5; } #list { th.boolean_type, td.boolean_type { text-align: center; } }