[FIX] mass_mailing: fix dropdown and display issues
This commit fixes the issues in the mass_mailing module where the display needs to be grid, and the dropdown dynamic is causing issues because of the css rules transform and unset. Popper.js manipulates transform and the position of the dropdown, and in mass_mailing, its calculations are wrong. These !important rules stops it from doing so, by unsetting the automatic rules generated by Popper. Part-of: odoo/odoo#110161
This commit is contained in:
committed by
David Monjoie
parent
f37e089c8a
commit
350e719504
@@ -344,19 +344,27 @@ body.editor_enable.o_basic_theme.o_in_iframe {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
#oe_snippets.o_loaded {
|
||||
transform: translateX(0);
|
||||
|
||||
.o_mass_mailing_iframe #oe_snippets.o_loaded {
|
||||
transition: none;
|
||||
transform: translateX(0);
|
||||
> .o_we_customize_panel .oe-toolbar {
|
||||
#style.dropup, #font-size.dropup {
|
||||
> .dropdown-menu {
|
||||
overflow-y: scroll;
|
||||
max-height: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
> .o_we_customize_panel .oe-toolbar {
|
||||
#style.dropup, #font-size.dropup {
|
||||
> .dropdown-menu {
|
||||
overflow-y: scroll;
|
||||
max-height: 200px;
|
||||
// Popper.js manipulates transform and position of the dropdown. In
|
||||
// mass_mailing, its calculations are wrong. These !important rules
|
||||
// removes the wrong values automatically generated by Popper.
|
||||
#justify , #style.dropup, #font-size.dropup {
|
||||
> .dropdown-menu {
|
||||
transform: unset !important;
|
||||
bottom: 100% !important;
|
||||
top: unset !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user