qsm-odoo
dc5755698c
This commit basically reverts 4974f8edb7
The fix was unstable (as restoring a feature that was not there
before release, even if originally merged before). This was in
particular breaking saas modals as lots of them are still opened
using 8.0 system... and opening them this way might make them appear
below their own backdrop in the new system the mentioned commit
restored.
We will think about that feature again for a future version.
166 lines
4.9 KiB
Plaintext
166 lines
4.9 KiB
Plaintext
// ------------------------------------------------------------------
|
|
// Bootstrap variables
|
|
// ------------------------------------------------------------------
|
|
|
|
//== Grid
|
|
@grid-gutter-width: @odoo-horizontal-padding*2;
|
|
|
|
//== Colors
|
|
@brand-primary: @odoo-brand-primary;
|
|
@gray-lighter: @odoo-color-silver;
|
|
|
|
//== Titles
|
|
@font-size-h1: @odoo-font-size-base + 13px;
|
|
@font-size-h2: @odoo-font-size-base + 7px;
|
|
@font-size-h3: @odoo-font-size-base + 3px;
|
|
@font-size-h4: @odoo-font-size-base + 2px;
|
|
@font-size-h5: @odoo-font-size-base + 1px;
|
|
@font-size-h6: @odoo-font-size-base;
|
|
|
|
//== Scaffolding
|
|
@body-bg: @odoo-brand-secondary;
|
|
@text-color: @odoo-main-text-color;
|
|
@link-color: @odoo-brand-optional;
|
|
@link-hover-decoration: none;
|
|
|
|
//== Typography
|
|
@font-family-sans-serif: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
|
|
@font-size-base: @odoo-font-size-base;
|
|
@headings-font-weight: bold;
|
|
|
|
//== Components
|
|
@component-active-bg: @gray-lighter;
|
|
@component-active-color: @odoo-brand-optional;
|
|
|
|
//== Badges
|
|
@badge-bg: @odoo-brand-optional;
|
|
@badge-color: white;
|
|
@badge-line-height: @line-height-base;
|
|
@badge-font-weight: normal;
|
|
|
|
//== Breadcrumbs
|
|
@breadcrumb-active-color: #777777;
|
|
@breadcrumb-bg: @odoo-control-panel-background-color;
|
|
@breadcrumb-color: #777777;
|
|
@breadcrumb-padding-horizontal: 0;
|
|
@breadcrumb-padding-vertical: 0;
|
|
|
|
//== Buttons
|
|
@btn-default-bg: white;
|
|
@btn-default-border: #cccccc;
|
|
@btn-default-color: @odoo-main-text-color;
|
|
@btn-primary-bg: @odoo-brand-optional;
|
|
@btn-primary-border: @odoo-brand-optional;
|
|
@btn-primary-color: white;
|
|
|
|
//== Dropdowns
|
|
@dropdown-bg: white;
|
|
@dropdown-border: @gray-lighter-dark;
|
|
@dropdown-divider-bg: @gray-lighter-dark;
|
|
@dropdown-link-color: @odoo-main-text-color;
|
|
@dropdown-link-hover-color: @gray-dark;
|
|
@dropdown-link-hover-bg: @gray-lighter;
|
|
@dropdown-link-active-color: @component-active-color;
|
|
@dropdown-link-active-bg: @component-active-bg;
|
|
@dropdown-link-disabled-color: @gray-light;
|
|
@dropdown-header-color: @gray-light;
|
|
|
|
//== Modals
|
|
@modal-sm: 300px;
|
|
@modal-md: 650px;
|
|
@modal-lg: 980px;
|
|
@modal-inner-padding: @odoo-horizontal-padding;
|
|
@modal-title-padding: @odoo-horizontal-padding;
|
|
|
|
// Change the z-index of the modal-backdrop elements to be equal to the
|
|
// modal elements' ones. Bootstrap does not support multi-modals, and without
|
|
// this rule all the modal-backdrops are below all the opened modals.
|
|
// Indeed, bootstrap forces them to a lower z-index as the modal-backdrop
|
|
// element (unique in their supported cases) might be put after the modal
|
|
// element (if the modal is already in the DOM, hidden, then opened). This
|
|
// cannot happen in odoo though as modals are not hidden but removed from
|
|
// the DOM and are always put at the end of the body when opened.
|
|
//
|
|
// Note that the variable @zindex-modal-background may be renamed/removed in
|
|
// newer versions of bootstrap.
|
|
//
|
|
// TODO the following code was disabled because it is saas-incompatible
|
|
//
|
|
// @zindex-modal-background: @zindex-modal;
|
|
|
|
//== Navs
|
|
@nav-link-padding: 10px 15px;
|
|
@nav-pills-border-radius: 0;
|
|
@nav-pills-active-link-hover-color: white;
|
|
@nav-pills-active-link-hover-bg: @odoo-brand-optional;
|
|
@nav-tabs-active-link-hover-bg: white;
|
|
|
|
//== Navbar
|
|
@navbar-height: @odoo-navbar-height - 2;
|
|
@navbar-margin-bottom: 0;
|
|
@navbar-inverse-bg: #222222;
|
|
@navbar-inverse-link-color: #9d9d9d;
|
|
@navbar-inverse-link-hover-bg: #222222;
|
|
@navbar-inverse-toggle-hover-bg: #222222;
|
|
@navbar-border-radius: 0;
|
|
|
|
//== Tables
|
|
@table-bg-accent: #efeff8; // FIXME: expose
|
|
|
|
// ------------------------------------------------------------------
|
|
// Bootstrap components rules (non exposed features variables)
|
|
// ------------------------------------------------------------------
|
|
|
|
//== Badges
|
|
.badge {
|
|
margin: 1px 2px 1px 0;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
//== Buttons
|
|
// Mixin to define variations for btn-links and muted btn-links
|
|
.o-btn-link-variant(@color, @color-active) {
|
|
text-transform: none;
|
|
.o-hover-text-color(@default-color: @color, @hover-color: @color-active);
|
|
|
|
&, &:hover, &:focus, &:active, &.active {
|
|
border-color: transparent;
|
|
background-color: transparent
|
|
}
|
|
|
|
&.text-muted, .text-muted {
|
|
.o-hover-opacity();
|
|
.o-hover-text-color(@default-color: @text-muted, @hover-color: @color-active);
|
|
}
|
|
}
|
|
.btn-icon {
|
|
.button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);
|
|
}
|
|
.btn-link {
|
|
font-weight: @btn-font-weight;
|
|
|
|
&.btn-default {
|
|
.o-btn-link-variant(@text-color, @headings-color);
|
|
}
|
|
&.btn-success, &.text-success {
|
|
.o-btn-link-variant(@text-color, @brand-success);
|
|
}
|
|
&.btn-warning, &.text-warning {
|
|
.o-btn-link-variant(@text-color, @brand-warning);
|
|
}
|
|
&.btn-danger, &.text-danger {
|
|
.o-btn-link-variant(@text-color, @brand-danger);
|
|
}
|
|
&.btn-info, &.text-info {
|
|
.o-btn-link-variant(@text-color, darken(@brand-info, 20%));
|
|
}
|
|
}
|
|
|
|
//== Printing improvements
|
|
@media print {
|
|
.table-responsive {
|
|
overflow-x: initial;
|
|
}
|
|
}
|