Merge pull request #27378 from overleaf/dp-file-tree-no-wrap

Clip file tree heading text when the panel is narrow

GitOrigin-RevId: f5495099f8e2151324ddaa77011bcfda6b5cc1a3

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;
     }
   }