aboutsummaryrefslogtreecommitdiffstats
path: root/server/sonar-web/src
diff options
context:
space:
mode:
authorStas Vilchik <stas.vilchik@sonarsource.com>2017-10-11 16:38:39 +0200
committerStas Vilchik <stas.vilchik@sonarsource.com>2017-10-12 10:23:25 +0200
commit6a9400880734d0db40b9deb373c489dbfcb37370 (patch)
treec672eea3815e261ae56531bbe2b835cbd7a14b87 /server/sonar-web/src
parent4940d0c6e8aff25490e266a38abdbdf1332fbee5 (diff)
downloadsonarqube-6a9400880734d0db40b9deb373c489dbfcb37370.tar.gz
sonarqube-6a9400880734d0db40b9deb373c489dbfcb37370.zip
SONAR-9673 Add shadows to dropdown menus
Diffstat (limited to 'server/sonar-web/src')
-rw-r--r--server/sonar-web/src/main/js/app/components/nav/component/ComponentNavBranchesMenu.tsx2
-rw-r--r--server/sonar-web/src/main/js/app/components/nav/component/__tests__/__snapshots__/ComponentNavBranchesMenu-test.tsx.snap4
-rw-r--r--server/sonar-web/src/main/js/app/components/search/Search.js2
-rw-r--r--server/sonar-web/src/main/less/components/dropdowns.less5
4 files changed, 5 insertions, 8 deletions
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 21d66918b1f..e3f468d2dd0 100644
--- 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 463fb48d493..d7e28b0846b 100644
--- 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 015e56622c9..7f0e355d0ce 100644
--- 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 fc72bee00fd..2169b18c57b 100644
--- 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;