From: Philippe Perrin <philippe.perrin@sonarsource.com>
Date: Mon, 24 Aug 2020 12:39:52 +0000 (+0200)
Subject: SONAR-12942 Security hostpot category are not displayed properly with long category... 
X-Git-Tag: 8.5.0.37579~115
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=14cc9ad072d7ebb01233a4975c17c90371382e70;p=sonarqube.git

SONAR-12942 Security hostpot category are not displayed properly with long category name
---

diff --git a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotCategory.tsx b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotCategory.tsx
index 21ce4025421..e78ac191272 100644
--- a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotCategory.tsx
+++ b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotCategory.tsx
@@ -53,7 +53,7 @@ export default function HotspotCategory(props: HotspotCategoryProps) {
         )}
         href="#"
         onClick={() => props.onToggleExpand(categoryKey, !expanded)}>
-        <strong className="flex-1">{title}</strong>
+        <strong className="flex-1 spacer-right break-word">{title}</strong>
         <span>
           <span className="counter-badge">
             {hotspots.length}
diff --git a/server/sonar-web/src/main/js/apps/security-hotspots/components/__tests__/__snapshots__/HotspotCategory-test.tsx.snap b/server/sonar-web/src/main/js/apps/security-hotspots/components/__tests__/__snapshots__/HotspotCategory-test.tsx.snap
index c8520210c7e..cd2664c3ad4 100644
--- a/server/sonar-web/src/main/js/apps/security-hotspots/components/__tests__/__snapshots__/HotspotCategory-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/security-hotspots/components/__tests__/__snapshots__/HotspotCategory-test.tsx.snap
@@ -10,7 +10,7 @@ exports[`should render correctly with hotspots 1`] = `
     onClick={[Function]}
   >
     <strong
-      className="flex-1"
+      className="flex-1 spacer-right break-word"
     >
       Class Injection
     </strong>
@@ -92,7 +92,7 @@ exports[`should render correctly with hotspots: collapsed 1`] = `
     onClick={[Function]}
   >
     <strong
-      className="flex-1"
+      className="flex-1 spacer-right break-word"
     >
       Class Injection
     </strong>
@@ -120,7 +120,7 @@ exports[`should render correctly with hotspots: contains selected 1`] = `
     onClick={[Function]}
   >
     <strong
-      className="flex-1"
+      className="flex-1 spacer-right break-word"
     >
       Class Injection
     </strong>
@@ -202,7 +202,7 @@ exports[`should render correctly with hotspots: lastAndIncomplete 1`] = `
     onClick={[Function]}
   >
     <strong
-      className="flex-1"
+      className="flex-1 spacer-right break-word"
     >
       Class Injection
     </strong>