SONAR-9673 Add shadows to dropdown menus

diff --git a/server/sonar-web/src/main/js/app/components/nav/component/ComponentNavBranchesMenu.tsx b/server/sonar-web/src/main/js/app/components/nav/component/ComponentNavBranchesMenu.tsx
index 21d66918b1fb7ff4bfc9e8499a9afd9c37fa6df0..e3f468d2dd00605619ba2ffbe3ef905f452d2650 100644 (file)
--- a/server/sonar-web/src/main/js/app/components/nav/component/ComponentNavBranchesMenu.tsx
+++ b/server/sonar-web/src/main/js/app/components/nav/component/ComponentNavBranchesMenu.tsx
@@ -211,7 +211,7 @@ export default class ComponentNavBranchesMenu extends React.PureComponent<Props,
       component.configuration.showSettings;
 
     return (
-      <div className="dropdown-menu dropdown-menu-shadow" ref={node => (this.node = node)}>
+      <div className="dropdown-menu" ref={node => (this.node = node)}>
         {this.renderSearch()}
         {this.renderBranchesList()}
         {showManageLink && (

diff --git a/server/sonar-web/src/main/js/app/components/nav/component/__tests__/__snapshots__/ComponentNavBranchesMenu-test.tsx.snap b/server/sonar-web/src/main/js/app/components/nav/component/__tests__/__snapshots__/ComponentNavBranchesMenu-test.tsx.snap
index 463fb48d4936106b6e20ce780730c569323ca20b..d7e28b0846bdcbf52f56c47d4fa690e23aae3de8 100644 (file)
--- a/server/sonar-web/src/main/js/app/components/nav/component/__tests__/__snapshots__/ComponentNavBranchesMenu-test.tsx.snap
+++ b/server/sonar-web/src/main/js/app/components/nav/component/__tests__/__snapshots__/ComponentNavBranchesMenu-test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`renders list 1`] = `
 <div
-  className="dropdown-menu dropdown-menu-shadow"
+  className="dropdown-menu"
 >
   <div
     className="search-box menu-search"
@@ -168,7 +168,7 @@ exports[`renders list 1`] = `
 
 exports[`searches 1`] = `
 <div
-  className="dropdown-menu dropdown-menu-shadow"
+  className="dropdown-menu"
 >
   <div
     className="search-box menu-search"

diff --git a/server/sonar-web/src/main/js/app/components/search/Search.js b/server/sonar-web/src/main/js/app/components/search/Search.js
index 015e56622c98304504f84de3a774728dd8a59b49..7f0e355d0cebc46db8228e7fcbca09fdb7c9eeb2 100644 (file)
--- a/server/sonar-web/src/main/js/app/components/search/Search.js
+++ b/server/sonar-web/src/main/js/app/components/search/Search.js
@@ -357,7 +357,7 @@ export default class Search extends React.PureComponent {
         {this.state.open &&
         Object.keys(this.state.results).length > 0 && (
           <div
-            className="dropdown-menu dropdown-menu-shadow dropdown-menu-right global-navbar-search-dropdown"
+            className="dropdown-menu dropdown-menu-right global-navbar-search-dropdown"
             ref={node => (this.node = node)}>
             <SearchResults
               allowMore={this.state.query.length !== 1}

diff --git a/server/sonar-web/src/main/less/components/dropdowns.less b/server/sonar-web/src/main/less/components/dropdowns.less
index fc72bee00fd18cd6f466cb77b9eceb182cac8079..2169b18c57b0c4bbcb6ca0139876972c8b6ec52b 100644 (file)
--- a/server/sonar-web/src/main/less/components/dropdowns.less
+++ b/server/sonar-web/src/main/less/components/dropdowns.less
@@ -41,6 +41,7 @@
   float: left;
   border: 1px solid @barBorderColor;
   background-clip: padding-box;
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 
   &.pull-right {
     right: 0;
@@ -68,10 +69,6 @@
   right: auto;
 }
 
-.dropdown-menu-shadow {
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-}
-
 .dropdown-header {
   display: block;
   padding: 3px 8px 5px;