From 0193d00735003541bd2915f0eb05f2cb85ce9fa1 Mon Sep 17 00:00:00 2001
From: Antoine Clausse <antoine.clausse@overleaf.com>
Date: Tue, 17 Dec 2024 17:46:13 +0100
Subject: [PATCH] [web] Make the new project dropdown menu scrollable (#22559)

* Make the new project dropdown menu scrollable

* Use CSS variables

GitOrigin-RevId: 9a918f2349cfc74038bde36e48b1060a4de09822
---
 .../bootstrap-5/pages/project-list-ds-nav.scss         | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-ds-nav.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-ds-nav.scss
index 22b7434b09..150750e5d3 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-ds-nav.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-ds-nav.scss
@@ -97,6 +97,16 @@
         &.show-shadow {
           border-bottom-color: var(--border-divider);
         }
+
+        > .dropdown-menu {
+          // navbar + new-project spacing + new-project button height (36px) + extra padding
+          max-height: calc(
+            100vh - #{$header-height} - var(--spacing-03) - var(--spacing-08) - 36px - var(
+                --spacing-05
+              )
+          );
+          overflow: auto;
+        }
       }
 
       .project-list-sidebar-scroll {