SONAR-17480 Update Review Priority Badges (#7053)

diff --git a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotList.css b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotList.css
index cb8c2c85cc6ee0426914f3056ef392a23c3bbbec..3ac44e26a5e7cb4b0bef4798032a5a65c5b86b90 100644 (file)
--- a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotList.css
+++ b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotList.css
@@ -49,7 +49,7 @@
 }
 
 .hotspot-category.HIGH .hotspot-category-header {
-  border-left-color: var(--error500);
+  border-left-color: var(--error400);
 }
 
 .hotspot-category.MEDIUM .hotspot-category-header {
@@ -95,16 +95,14 @@
   text-transform: uppercase;
   display: inline-block;
   text-align: center;
-  min-width: 48px;
-  padding: 0 var(--gridSize);
+  padding: 0 calc(var(--gridSize) / 2);
   font-weight: bold;
-  border-radius: 2px;
-  border: 1px solid var(--blacka38);
+  border-radius: 3px;
 }
 
 .hotspot-risk-badge.HIGH {
-  color: var(--white);
-  background-color: var(--error500);
+  color: var(--blacka87);
+  background-color: var(--error400);
 }
 .hotspot-risk-badge.MEDIUM {
   color: var(--blacka87);

diff --git a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotPrimaryLocationBox.css b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotPrimaryLocationBox.css
index f76627197fc6331968d12382a3d76a65d2211fbf..7dfb4691ffc04b45aeb0d79a512756f680745041 100644 (file)
--- a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotPrimaryLocationBox.css
+++ b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotPrimaryLocationBox.css
@@ -26,13 +26,13 @@
 }
 
 .hotspot-primary-location.hotspot-risk-exposure-HIGH {
-  border-left-color: var(--red);
+  border-left-color: var(--error400);
 }
 
 .hotspot-primary-location.hotspot-risk-exposure-MEDIUM {
-  border-left-color: var(--orange);
+  border-left-color: var(--warningAccent);
 }
 
 .hotspot-primary-location.hotspot-risk-exposure-LOW {
-  border-left-color: var(--yellow);
+  border-left-color: var(--warningVariant);
 }