From d8b96db1b709bd3e3b11718b5bb39f763d922429 Mon Sep 17 00:00:00 2001
From: Xavier-Do <xdo@odoo.com>
Date: Mon, 6 Dec 2021 11:14:18 +0100
Subject: [PATCH] [IMP] runbot: limited height on tiles

---
 runbot/static/src/css/runbot.scss | 25 +++++++++++++++++++++++++
 runbot/templates/dashboard.xml    |  9 +++++----
 2 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/runbot/static/src/css/runbot.scss b/runbot/static/src/css/runbot.scss
index 020edecc..88e6f784 100644
--- a/runbot/static/src/css/runbot.scss
+++ b/runbot/static/src/css/runbot.scss
@@ -228,3 +228,28 @@ body, .table{
         padding: 0;
     }
 }
+.limited-height {
+    max-height: 180px;
+    overflow: scroll;
+
+    >hr {
+        margin: 2px 0px;
+    }
+    &:before {
+        content:'';
+        width:100%;
+        height:30px;
+        position:absolute;
+        left:0;
+        bottom:0;
+        background:linear-gradient(transparent 0px, white 27px);
+    }
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+}
+.limited-height::-webkit-scrollbar {
+    display: none;
+}
+.limited-height-toggle:hover {
+    background-color: #DDD;
+}
diff --git a/runbot/templates/dashboard.xml b/runbot/templates/dashboard.xml
index 837ae1c9..e2abd552 100644
--- a/runbot/templates/dashboard.xml
+++ b/runbot/templates/dashboard.xml
@@ -185,12 +185,12 @@
     </template>
 
     <template id="runbot.default_dashboard_tile_view">
-      <div class="col-sm-3">
+      <div class="col-md-3 col-lg-2 p-2">
         <div class="card">
-          <div class="card-header">
-            <t t-esc="tile.display_name"/>
+          <div class="card-header limited-height-toggle" t-attf-onclick="$('#tile_{{tile.id}}').toggleClass('limited-height')">
+            <t t-esc="tile.display_name"/> <t t-if="tile.build_ids"> (<t t-esc="len(tile.build_ids)"/>)</t>
           </div>
-          <div class="card-body">
+          <div class="card-body limited-height" t-attf-id="tile_{{tile.id}}">
             <p t-if="not tile.build_ids" class="text-success my-0">No build found 👍</p>
             <t t-foreach="tile.sticky_bundle_ids.sorted(lambda b: b.version_id.number, reverse=True)" t-as="bundle">
               <t t-set="failed_builds" t-value="tile.build_ids.filtered(lambda b: b.top_parent.slot_ids.batch_id.bundle_id == bundle)"/>
@@ -201,6 +201,7 @@
                   </a>
               </p>
             </t>
+            <hr/>
           </div>
         </div>
       </div>