SONAR-16383 Adjust the background color of secondary issue

diff --git a/server/sonar-web/src/main/js/app/theme.js b/server/sonar-web/src/main/js/app/theme.js
index 6e927f54105a55cca55f73e79abc56405520f798..4285cdc06a5f77e8c10708a22267018dd5dad8d7 100644 (file)
--- 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 4f527b68846d33f627c128733da6b957101bdb12..f881849a491f9092605c64e99b566d9fd4d53e2b 100644 (file)
--- 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 f56266e5d4368b106d57c30707fdc92bd21ea676..8976390640a21789b59877728fc215b05edefdfc 100644 (file)
--- 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"