diff options
-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" |