[REF] web: set new dropdown design

addons/web/static/src/less/bootstrap_overridden.less

@@ -58,6 +58,18 @@
 @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;
@@ -84,9 +96,6 @@
 //== Tables
 @table-bg-accent: #efeff8; // FIXME: expose
 
-//** Hover background for dropdown links.
-@dropdown-link-hover-bg: #d1d1d1;
-
 // ------------------------------------------------------------------
 // Bootstrap components rules (non exposed features variables)
 // ------------------------------------------------------------------

addons/web/static/src/less/dropdown.less

@@ -36,6 +36,8 @@
 }
 
 .dropdown-menu {
+    box-shadow: 0 6px 12px -4px fade(black, 25%);
+
     .o_inline_dropdown {
         position: relative;
 

addons/web/static/src/less/variables.less

@@ -57,7 +57,7 @@
 @odoo-form-spacing-unit: 5px;
 @odoo-horizontal-padding: 16px;
 @odoo-innergroup-rpadding: 45px;
-@odoo-dropdown-hpadding: 25px;
+@odoo-dropdown-hpadding: 20px;
 
 @border-radius-base: 3px;