diff options
| author | Mathieu Suen <mathieu.suen@sonarsource.com> | 2022-06-02 11:16:03 +0200 |
|---|---|---|
| committer | sonartech <sonartech@sonarsource.com> | 2022-06-02 20:03:18 +0000 |
| commit | 061b7f9abf85c6f1986c526358f2e5cc3bc8c92b (patch) | |
| tree | 1442d04df4020482a9af0a5dfec33d576065dd22 | |
| parent | 3290e0dcf6a7d846d4b9309ed95937f54f742b18 (diff) | |
| download | sonarqube-061b7f9abf85c6f1986c526358f2e5cc3bc8c92b.tar.gz sonarqube-061b7f9abf85c6f1986c526358f2e5cc3bc8c92b.zip | |
SONAR-16383 Adjust the background color of secondary issue
| -rw-r--r-- | server/sonar-web/src/main/js/app/theme.js | 1 | ||||
| -rw-r--r-- | server/sonar-web/src/main/js/components/issue/Issue.css | 4 | ||||
| -rw-r--r-- | server/sonar-web/src/main/js/components/issue/SecondaryIssue.tsx | 2 |
3 files changed, 6 insertions, 1 deletions
diff --git a/server/sonar-web/src/main/js/app/theme.js b/server/sonar-web/src/main/js/app/theme.js index 6e927f54105..4285cdc06a5 100644 --- a/server/sonar-web/src/main/js/app/theme.js +++ b/server/sonar-web/src/main/js/app/theme.js @@ -73,6 +73,7 @@ module.exports = { leakSecondaryColor: '#f1e8cb', // issues + secondIssueBgColor: '#f8eeee', issueBgColor: '#f2dede', hotspotBgColor: '#eeeff4', issueLocationSelected: '#f4b1b0', diff --git a/server/sonar-web/src/main/js/components/issue/Issue.css b/server/sonar-web/src/main/js/components/issue/Issue.css index 4f527b68846..f881849a491 100644 --- a/server/sonar-web/src/main/js/components/issue/Issue.css +++ b/server/sonar-web/src/main/js/components/issue/Issue.css @@ -30,6 +30,10 @@ cursor: initial; } +.issue.secondary-issue { + background-color: var(--secondIssueBgColor); +} + .issue.hotspot { background-color: var(--hotspotBgColor); } diff --git a/server/sonar-web/src/main/js/components/issue/SecondaryIssue.tsx b/server/sonar-web/src/main/js/components/issue/SecondaryIssue.tsx index f56266e5d43..8976390640a 100644 --- a/server/sonar-web/src/main/js/components/issue/SecondaryIssue.tsx +++ b/server/sonar-web/src/main/js/components/issue/SecondaryIssue.tsx @@ -32,7 +32,7 @@ export default function SecondaryIssue(props: SecondaryIssueProps) { const { issue } = props; return ( <div - className="issue display-flex-row display-flex-center padded-right" + className="issue display-flex-row display-flex-center padded-right secondary-issue" key={issue.key} onClick={() => props.onClick(issue.key)} role="region" |