Fix upload responsiveness

2025-07-31 17:38:48 +00:00 · 2016-06-21 10:08:12 +01:00
parent eb9b90aaad
commit 6d8247b785
5 changed files with 43 additions and 17 deletions
--- a/ng2-components/ng2-alfresco-upload/src/components/file-uploading-list.component.css
+++ b/ng2-components/ng2-alfresco-upload/src/components/file-uploading-list.component.css
@@ -37,13 +37,23 @@
    text-align: right;
 }

-.truncate {
-    width: 300px;
+:host .truncate {
+    margin-left: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 }

-.mdl-progress{
+:host .mdl-progress{
    width: 300px;
 }
+
+@media only screen and (min-width: 360px) and (max-width: 640px) {
+    .truncate {
+        max-width: 80px;
+    }
+
+    .mdl-progress {
+        max-width: 80px;
+    }
+}