mgr/dashboard: Increase max-width of popovers

If the line is still longer than then the new width,
it will break into multi lines.

Fixes: https://tracker.ceph.com/issues/42334
Signed-off-by: Tiago Melo <tmelo@suse.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/styles.scss b/src/pybind/mgr/dashboard/frontend/src/styles.scss
index cdff4f4c9ad52ce2d1bda9151666cb3dbfcc90b4..e19407c61350d909f8f9dd6e08ca4f3d0abbc45f 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/styles.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/styles.scss
@@ -17,6 +17,7 @@ $font-family-sans-serif: 'Helvetica Neue', Helvetica, Arial, 'Noto Sans', sans-s
 
 $badge-font-size: 1rem;
 $form-feedback-font-size: 100%;
+$popover-max-width: 350px;
 
 @import '~bootstrap/scss/bootstrap';
 @import '~fork-awesome/scss/fork-awesome';
@@ -111,7 +112,7 @@ option {
   font-family: monospace;
 }
 .text-pre {
-  white-space: pre;
+  white-space: pre-wrap;
 }
 
 /* Buttons */