From: Tiago Melo <tmelo@suse.com>
Date: Tue, 19 Nov 2019 16:38:45 +0000 (-0100)
Subject: mgr/dashboard: Increase max-width of popovers
X-Git-Tag: v15.1.0~693^2
X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=bd9838e54dbeab6b8e2ff38ce7ec40e2e81fc73f;p=ceph.git

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 cdff4f4c9ad..e19407c6135 100644
--- 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 */