toaster: Make popovers scrollable

Some recipes and packages have a lot of dependencies.
To stop their popovers from taking over the full
height of the screen, I have given them a maximum
height and made their content scrollable in
default.css

Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com>

diff --git a/lib/toaster/toastergui/static/css/default.css b/lib/toaster/toastergui/static/css/default.css
index 80ae072677f12eb93198af81db7a9e1ffb463835..f523d415f157af6c373c5c91ae32a38eaa7513c3 100644 (file)
--- a/lib/toaster/toastergui/static/css/default.css
+++ b/lib/toaster/toastergui/static/css/default.css
@@ -83,6 +83,9 @@ th > a, th > span { font-weight: normal; }
 /* Force long strings like commit hashes to wrap */
 .iscommit { white-space: pre-wrap; word-break: break-all; word-wrap: break-word;}
 
+/* Make the popovers scrollable if they are too long */
+.popover-content { max-height: 30em; overflow-y: scroll; }
+
 /* Styles for the directory structure table. We'll probably won't use those in production */
 .one { padding-left: 18px !important; }
 .two { padding-left: 36px !important; }