fix(GUI): severity pill label cannot break on whitespace (gets clippe…

…d in edge-case of extreme narrow column)
daisy · Feb 5, 2025 · 2d89006 · 2d89006
1 parent 1b60f94
commit 2d89006
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/renderer/components/ReportSections/Images.js b/src/renderer/components/ReportSections/Images.js
@@ -184,7 +184,7 @@ export default class Images extends React.Component {
                   whiteSpace: "pre-wrap",
                   padding: 3,
                   border: "silver solid 2px",
-                  font: "mono"
+                  fontFamily: "monospace"
                 }}>{ row.src }</p>
         </div>
         </TableCell>

diff --git a/src/renderer/styles/Report.scss b/src/renderer/styles/Report.scss
@@ -63,6 +63,12 @@
 
     .impact {
       span {
+        white-space: pre;
+        /*
+        word-break: break-all;
+        text-overflow: ellipsis;
+        overflow-wrap: break-word;
+        */
         display:inline-block;
         height:1.5em;
         padding: .4em;