qsm-odoo
3741603495
There were two main problems with the datepicker since the lib was updated: - it appeared broken in the search view "Filters" menu - it did not overflow the parent which scrolls Indeed, before the update, the datepicker was placed in the <body/>. Now this is a lib option. Unfortunately, the option is broken (I don't know why they broke it since it worked before the lib update...). As the lib does not expose its internal functions, the only found workaround was to patch the lib code itself. opw-745311 opw-745625
91 lines
2.1 KiB
Plaintext
91 lines
2.1 KiB
Plaintext
// ------------------------------------------------------------------
|
|
// Typography
|
|
// ------------------------------------------------------------------
|
|
a {
|
|
color: @odoo-brand-optional;
|
|
&:hover {
|
|
color: darken(@odoo-brand-optional, 10%);
|
|
}
|
|
}
|
|
|
|
// ------------------------------------------------------------------
|
|
// General
|
|
// ------------------------------------------------------------------
|
|
.o_web_client {
|
|
position: relative; // normally useless but required by bootstrap-datepicker
|
|
background-color: @odoo-webclient-background-color;
|
|
}
|
|
.o_text_overflow {
|
|
.o-text-overflow();
|
|
}
|
|
.o_hidden {
|
|
display: none!important;
|
|
}
|
|
|
|
// ------------------------------------------------------------------
|
|
// Misc. widgets
|
|
// ------------------------------------------------------------------
|
|
@notification-error-bg-color: #F16567;
|
|
@notification-info-bg-color: #FCFBEA;
|
|
.o_notification_manager {
|
|
width: 300px;
|
|
max-width: 100%;
|
|
|
|
.o-position-absolute(@navbar-height, 0px);
|
|
z-index: 1100; // Bootstrap modal z-index is 1050
|
|
|
|
.o_notification {
|
|
padding: 0;
|
|
margin: 5px 0 0 0;
|
|
|
|
opacity: 0;
|
|
|
|
background-color: @notification-info-bg-color;
|
|
box-shadow: 0px 0px 5px 1px @odoo-main-text-color;
|
|
|
|
position: relative;
|
|
.o_close {
|
|
.o-position-absolute(5px, 5px);
|
|
color: rgba(0, 0, 0, 0.3);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.o_notification_title {
|
|
.o-flex-display();
|
|
.o-align-items(center);
|
|
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
padding: 10px 10px 10px 20px;
|
|
|
|
font-weight: bold;
|
|
|
|
.o_icon {
|
|
display: inline-block;
|
|
margin-right: 20px;
|
|
color: rgba(0, 0, 0, 0.3);
|
|
}
|
|
}
|
|
|
|
.o_notification_content {
|
|
padding: 10px;
|
|
}
|
|
|
|
&.o_error {
|
|
color: white;
|
|
background-color: @notification-error-bg-color;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Buttons
|
|
.o_icon_button {
|
|
background-color: transparent;
|
|
border: 0;
|
|
padding: 0;
|
|
outline: none;
|
|
}
|
|
|
|
.oe_highlight {
|
|
.btn-primary;
|
|
}
|