[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:
Morgane (morm)
2023-02-24 18:16:05 +01:00
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;
}
}
}
}
}