[FIX] tooltip for long filename

codysk · Apr 22, 2019 · 0aedb31 · 0aedb31
1 parent 69a4003
commit 0aedb31
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/views/FileBrowser.vue b/src/views/FileBrowser.vue
@@ -166,6 +166,9 @@ export default {
 }
 .tiles-group::before{
   text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  width: 100%;
 }
 @media (max-width: 768px) {
   .tiles-area {

diff --git a/src/views/components/Tile.vue b/src/views/components/Tile.vue
@@ -2,6 +2,7 @@
   <router-link
     v-if="file.type == 'file-directory'"
     class="tile-medium"
+    :title="file.name"
     :to="$route.path + file.filename"
   >
     <img
@@ -19,6 +20,7 @@
   <router-link
     v-else-if="file.type == 'file-video'"
     class="tile-medium"
+    :title="file.name"
     :to="'/.player' + $route.path + file.filename"
   >
     <img
@@ -36,6 +38,7 @@
   <a 
     v-else-if="file.type == 'file-zip' || file.type == 'file-image' || file.type == 'file'"
     class="tile-medium"
+    :title="file.name"
     :href="$route.path + file.filename"
   >
     <img