From 2e6b3745ac165d5712b44ef2c36eeb5e9f4e355d Mon Sep 17 00:00:00 2001
From: Alexandre Bourdin <abourdin@users.noreply.github.com>
Date: Tue, 29 Jul 2025 10:09:18 +0200
Subject: [PATCH] Merge pull request #27378 from overleaf/dp-file-tree-no-wrap

Clip file tree heading text when the panel is narrow

GitOrigin-RevId: f5495099f8e2151324ddaa77011bcfda6b5cc1a3
---
 .../stylesheets/bootstrap-5/pages/editor/file-tree.scss       | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/file-tree.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/file-tree.scss
index 5caabc5889..2b13306132 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/file-tree.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/file-tree.scss
@@ -78,6 +78,7 @@
     border: 0;
     padding: 0 var(--spacing-02);
     flex-grow: 1;
+    overflow: hidden;
 
     &:hover {
       background-color: var(--file-tree-item-hover-bg);
@@ -88,6 +89,9 @@
       font-size: var(--font-size-02);
       margin: 0;
       font-weight: normal;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
   }