bitbake: 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

(Bitbake rev: b6416a98f441516100d2ce7baca30f09714a1d1d)

Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>

1 files changed, 3 insertions, 0 deletions

diff --git a/bitbake/lib/toaster/toastergui/static/css/default.css b/bitbake/lib/toaster/toastergui/static/css/default.css
index 80ae072677..f523d415f1 100644
--- a/bitbake/lib/toaster/toastergui/static/css/default.css
+++ b/bitbake/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; }