From 859be098131de3d09d5677e48b00cb9421e4d849 Mon Sep 17 00:00:00 2001
From: Simon Pistache <105607989+SimonPistache@users.noreply.github.com>
Date: Mon, 16 Sep 2024 22:41:46 +0200
Subject: [PATCH] feat(#31666): Set the columns height to hug all its contents
 (#31726)

In Projects, columns heights are defined by the sum of all contents
height of the biggest column, rather than a fraction of the viewport
height. It default to 60vh when there is no cards to display.

Fix #31666
---
 web_src/css/features/projects.css | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/web_src/css/features/projects.css b/web_src/css/features/projects.css
index 08547cd872..9d462c4c4a 100644
--- a/web_src/css/features/projects.css
+++ b/web_src/css/features/projects.css
@@ -3,6 +3,8 @@
   flex-direction: row;
   flex-wrap: nowrap;
   overflow-x: auto;
+  overflow-y: clip;
+  align-items: stretch;
   margin: 0 0.5em;
 }
 
@@ -25,8 +27,8 @@
   margin: 0 0.5rem !important;
   padding: 0.5rem !important;
   width: 320px;
-  height: calc(100vh - 450px);
-  min-height: 60vh;
+  height: initial;
+  min-height: max(calc(100vh - 400px), 300px);
   flex: 0 0 auto;
   overflow: visible;
   display: flex;
@@ -61,7 +63,7 @@
   padding: 0 !important;
   flex-wrap: nowrap !important;
   flex-direction: column;
-  overflow-x: auto;
+  overflow-x: clip;
   gap: .25rem;
 }