From d2fc652c17fbe428f07f3067d00ce1c4df6c862f Mon Sep 17 00:00:00 2001
From: Virginie Ky <virginie.ky@gmail.com>
Date: Thu, 5 Sep 2019 15:17:09 +0200
Subject: [PATCH] list ui name display

---
 .../MediaPreviewList/StyledMediaPreviewList.js  | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/StyledMediaPreviewList.js b/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/StyledMediaPreviewList.js
index 625b87c34f..4edc921f2c 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/StyledMediaPreviewList.js
+++ b/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/StyledMediaPreviewList.js
@@ -52,13 +52,22 @@ const MediaPreviewItem = styled.div`
 `;
 
 const MediaPreviewFile = styled(MediaPreviewItem)`
+  span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   div {
     position: relative;
     background-color: #9fa7b6;
     color: white;
     text-align: center;
     line-height: ${sizes.small};
-    font-size: 13px;
+    font-size: 11px;
+    span {
+      display: block;
+      padding: 0 3px;
+    }
     i {
       position: absolute;
       left: 0;
@@ -77,10 +86,12 @@ const MediaPreviewFile = styled(MediaPreviewItem)`
   }
   div + span {
     display: none;
-    color: #333740;
     position: absolute;
-    left: 100%;
+    left: 120%;
     bottom: -10px;
+    display: none;
+    max-width: 150px;
+    color: #333740;
   }
   &.hoverable {
     :hover {