[dir view, shared dir view] grid mode: display fold/file names in 2 l…

…ines (with ellipsis when it needs) (#6261)
haiwen · Jul 12, 2024 · d74225c · d74225c
1 parent 10dfe2e
commit d74225c
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/frontend/src/css/grid-view.css b/frontend/src/css/grid-view.css
@@ -55,15 +55,17 @@
   max-width: 100%;
   overflow: hidden;
   word-break: keep-all;
-  white-space: nowrap;
-  text-overflow: ellipsis;
   line-height: 17px;
   font-size: 14px;
 }
 
 .grid-file-name-link {
   color: #212529;
   font-size: 0.875rem;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  white-space: pre-wrap; 
 }
 
 .grid-file-locked-icon {