From 66b4acd9d67386b0978f1e9ea98b1f6cd38d2b2f Mon Sep 17 00:00:00 2001
From: Dionisio <dpozo@futurespace.es>
Date: Sun, 15 Feb 2026 23:54:09 +0100
Subject: [PATCH] fix: file name truncation in list and grid views (#110)

- List view: add min-width:0 and overflow:hidden to .name-cell,
  add text-overflow:ellipsis to the name span, prevent icon shrink
- Grid view: add text-overflow:ellipsis to .file-name

Closes #110
---
 static/css/style.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/static/css/style.css b/static/css/style.css
index 525e7783..10871adc 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1791,6 +1791,10 @@ select:focus {
     text-align: center;
     margin-bottom: 5px;
     color: #2d3748;
+    max-width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .file-info {
@@ -1857,6 +1861,14 @@ select:focus {
     display: flex;
     align-items: center;
     gap: 12px;
+    min-width: 0;
+    overflow: hidden;
+}
+
+.file-item .name-cell span {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .file-item .file-icon {
@@ -1868,6 +1880,7 @@ select:focus {
     border-radius: 8px;
     font-size: 20px;
     margin-bottom: 0;
+    flex-shrink: 0;
 }
 
 .file-item .file-icon.folder-icon {