From d109d6af39c5c9f1e90e1214c926c159477e5e9c Mon Sep 17 00:00:00 2001
From: DanyLE <xsang.le@gmail.com>
Date: Mon, 30 May 2022 12:13:29 +0200
Subject: [PATCH] fix: file name display inconsitent between views

---
 src/core/tags/FileViewTag.ts             |  3 ++-
 src/themes/antos_dark/afx-file-view.css  |  2 +-
 src/themes/antos_light/afx-file-view.css |  2 +-
 src/themes/system/afx-file-view.css      | 11 ++++++++++-
 4 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/core/tags/FileViewTag.ts b/src/core/tags/FileViewTag.ts
index c3c6ed1..da85557 100644
--- a/src/core/tags/FileViewTag.ts
+++ b/src/core/tags/FileViewTag.ts
@@ -463,9 +463,10 @@ namespace OS {
                         }
                         if(!v.text)
                             v.text = v.filename;
+                        /*
                         if (v.text.length > 10) {
                             v.text = v.text.substring(0, 9) + "...";
-                        }
+                        }*/
                         v.iconclass = v.iconclass ? v.iconclass : v.type;
                         v.icon = v.icon;
                         items.push(v);
diff --git a/src/themes/antos_dark/afx-file-view.css b/src/themes/antos_dark/afx-file-view.css
index d2b7ba3..48784b0 100644
--- a/src/themes/antos_dark/afx-file-view.css
+++ b/src/themes/antos_dark/afx-file-view.css
@@ -8,7 +8,7 @@ afx-file-view afx-label.status{
 }
 afx-file-view afx-list-view > div.list-container > ul  li{
     width:70px;
-    height: 60px;
+    /*height: 60px;*/
     background-color: transparent;
     text-align: center;
     margin-right: 5px;
diff --git a/src/themes/antos_light/afx-file-view.css b/src/themes/antos_light/afx-file-view.css
index 51706a6..ec8ab18 100644
--- a/src/themes/antos_light/afx-file-view.css
+++ b/src/themes/antos_light/afx-file-view.css
@@ -7,7 +7,7 @@ afx-file-view afx-label.status{
 }
 afx-file-view afx-list-view > div.list-container > ul  li{
     width:70px;
-    height: 60px;
+    /*height: 60px;*/
     background-color: transparent;
     text-align: center;
     margin-right: 5px;
diff --git a/src/themes/system/afx-file-view.css b/src/themes/system/afx-file-view.css
index f62b337..aab3f13 100644
--- a/src/themes/system/afx-file-view.css
+++ b/src/themes/system/afx-file-view.css
@@ -7,15 +7,24 @@ afx-file-view afx-label.status{
     left:0px;
     transform: translateZ(0);
 }
+afx-file-view afx-list-view > div.list-container > ul
+{
+    display: flex;
+    flex-flow: row wrap;
+}
 afx-file-view afx-list-view > div.list-container > ul  li{
     float:left;
-    display: block;
+    /*display: block;*/
 }
 
 afx-file-view afx-list-view i{
     display: block;
 }
 
+afx-file-view afx-list-view i.label-text{
+    word-break: break-word;
+}
+
 afx-file-view afx-grid-view i{
     display: inline-block;
 }