diff --git a/addons/web_editor/static/src/scss/web_editor.variables.scss b/addons/web_editor/static/src/scss/web_editor.variables.scss index 0ab8dc07b87..f8fd1d7ce04 100644 --- a/addons/web_editor/static/src/scss/web_editor.variables.scss +++ b/addons/web_editor/static/src/scss/web_editor.variables.scss @@ -260,6 +260,24 @@ $o-we-toolbar-height: 32px; } } +@mixin o-w-preserve-dropdown-menus { + .dropdown-menu { + background-color: white; + } + .dropdown-item { + color: #212529; + + @include hover-focus { + color: darken(#212529, 5%); + } + &.active, + &:active { + color: white; + @include gradient-bg($o-brand-primary); + } + } +} + // Edition colors // Colors diff --git a/addons/website/static/src/scss/website.ui.scss b/addons/website/static/src/scss/website.ui.scss index e2f4cf7f3b6..0027d792093 100644 --- a/addons/website/static/src/scss/website.ui.scss +++ b/addons/website/static/src/scss/website.ui.scss @@ -15,6 +15,7 @@ body.o_connected_user { // MAIN MENU STYLE (added above navbar.scss) #oe_main_menu_navbar { + @include o-w-preserve-dropdown-menus; @include o-position-absolute(0, 0, auto, 0); position: fixed; z-index: $zindex-modal - 10; @@ -97,6 +98,7 @@ body.o_connected_user { body .modal { &.o_technical_modal { @include o-w-preserve-base; + @include o-w-preserve-dropdown-menus; @include o-w-preserve-headings; @include o-w-preserve-forms; @include o-w-preserve-links;