client/src/routes/Files.svelte

@@ -2130,7 +2130,12 @@
                   autofocus
                 />
               {:else}
-                <div class="folder-name">{cleanFileName(entry.displayName)}</div>
+              <div
+                class="folder-name"
+                title={cleanFileName(entry.displayName)}
+              >
+                {cleanFileName(entry.displayName)}
+              </div>
               {/if}
             </div>
           {:else}
@@ -2147,7 +2152,9 @@
               </div>
             {/if}
             <div class="info">
-              <div class="name">{cleanFileName(entry.name)}</div>
+              <div class="name" title={cleanFileName(entry.name)}>
+                {cleanFileName(entry.name)}
+              </div>
               <div class="size">
                 {#if entry.progressText}
                   <span class="progress-text">{entry.progressText}</span>
@@ -3252,11 +3259,13 @@
     font-weight: 600;
     font-size: 14px;
     overflow: hidden;
-    white-space: nowrap;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    line-height: 1.2;
+    max-height: calc(1.2em * 2);
     text-overflow: ellipsis;
-    min-height: 20px; /* Dosya isimleri için tutarlı yükseklik */
+    word-break: break-word;
-    display: flex;
-    align-items: center;
   }
   .size {
     font-size: 12px;
@@ -3834,13 +3843,15 @@
     font-weight: 600;
     font-size: 15px;
     color: #2d2d2d;
-    line-height: 1.35;
+    line-height: 1.25;
     word-break: break-word;
-    min-height: 40px; /* Tek ve çok satırlı isimler için aynı yükseklik */
+    display: -webkit-box;
-    display: flex;
+    -webkit-line-clamp: 2;
-    align-items: center;
+    -webkit-box-orient: vertical;
-    justify-content: center;
     text-align: center;
+    max-height: calc(1.25em * 2);
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
   
   .folder-rename-input {
@@ -3877,12 +3888,13 @@
     text-align: left;
   }
   .folder-card.list-view .folder-name {
-    white-space: nowrap;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    line-height: 1.25;
+    max-height: calc(1.25em * 2);
     overflow: hidden;
     text-overflow: ellipsis;
-    min-height: 24px; /* Liste görünümünde tutarlı yükseklik */
-    display: flex;
-    align-items: center;
   }
 
   /* Menü düğmesi ve dropdown stilleri */