From 07345ae70dae6bfb2ac8000ae3bb9f3fd7850706 Mon Sep 17 00:00:00 2001
From: Tim Down <158919+timdown@users.noreply.github.com>
Date: Mon, 13 Nov 2023 10:53:10 +0000
Subject: [PATCH] Merge pull request #15686 from
 overleaf/td-ide-page-file-name-truncate

Make file name truncation work correctly in React IDE page file tree

GitOrigin-RevId: 8e8490be5ca7571a55c1ab2bea7590c54d004c21
---
 services/web/frontend/stylesheets/app/editor/ide-react.less | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/services/web/frontend/stylesheets/app/editor/ide-react.less b/services/web/frontend/stylesheets/app/editor/ide-react.less
index d158d8a57e..dda69b3b33 100644
--- a/services/web/frontend/stylesheets/app/editor/ide-react.less
+++ b/services/web/frontend/stylesheets/app/editor/ide-react.less
@@ -120,6 +120,11 @@
 
 .ide-react-file-tree-panel {
   display: flex;
+
+  // Prevent the file tree expanding beyond the boundary of the panel
+  .file-tree {
+    width: 100%;
+  }
 }
 
 // Ensure an element with class "full-size", such as the binary file view, stays within the bounds of the panel