Set a max-ellipsis overflow on storage files

CompuIves · CompuIves · commit 9f995070943c · 2018-06-30T23:54:16.000+01:00
Fixes codesandbox#935
diff --git a/packages/app/src/app/pages/common/Modals/StorageManagementModal/FilesList/index.js b/packages/app/src/app/pages/common/Modals/StorageManagementModal/FilesList/index.js
@@ -21,7 +21,15 @@ function FilesList({ files, deleteFile, addFileToSandbox }) {
       <Body>
         {sortBy(files, 'name').map((f, i) => (
           <FileRow index={i} key={f.id}>
-            <td>
+            <td
+              style={{
+                maxWidth: 100,
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+              }}
+              title={f.name}
+            >
               <a target="_blank" rel="noreferrer noopener" href={f.url}>
                 {f.name}
               </a>
