Merge pull request #1834 from saberlynx/long-result-desc

Limit the length of result description with a div
greenbone · Dec 6, 2019 · 800a454 · 800a454
2 parents 6dac00b + 32b6907
commit 800a454
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -22,6 +22,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
   [#1507](https://github.com/greenbone/gsa/pull/1507)
 
 ### Changed
+- Limit the length of result description with a div [#1834](https://github.com/greenbone/gsa/pull/1834)
 - New permission dialog: radio button for groups disabled if no groups available [#1836](https://github.com/greenbone/gsa/pull/1836)
 - Changed new override dialog defaults [#1833](https://github.com/greenbone/gsa/pull/1833)
 - Refactored cvsscalculatorpage to function and parse vector from url [#1824](https://github.com/greenbone/gsa/pull/1824)

diff --git a/gsa/src/web/pages/results/details.js b/gsa/src/web/pages/results/details.js
@@ -56,7 +56,12 @@ import Diff from './diff';
 */
 const Pre = styled.pre`
   white-space: pre-wrap;
-  word-wrap: normal;
+  word-wrap: word-break;
+`;
+
+const GrowDiv = styled.div`
+  min-width: 500px;
+  max-width: 1080px;
 `;
 
 const ResultDetails = ({className, links = true, entity}) => {
@@ -119,7 +124,9 @@ const ResultDetails = ({className, links = true, entity}) => {
       ) : (
         <DetailsBlock title={_('Detection Result')}>
           {!isEmpty(result.description) && result.description.length > 1 ? (
-            <Pre>{result.description}</Pre>
+            <GrowDiv>
+              <Pre>{result.description}</Pre>
+            </GrowDiv>
           ) : (
             _(
               'Vulnerability was detected according to the ' +