From 52509c56922bce5aa92cd357fd23ff97f1bc5098 Mon Sep 17 00:00:00 2001
From: Mario Romano <dnamario@hotmail.com>
Date: Thu, 23 Jun 2016 14:39:42 +0100
Subject: [PATCH] #263 improve responsiveness

---
 .../demo/src/main.ts                          |  8 ++++--
 .../src/components/document-list.css          | 28 +++++++++++++++++++
 2 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/ng2-components/ng2-alfresco-documentlist/demo/src/main.ts b/ng2-components/ng2-alfresco-documentlist/demo/src/main.ts
index a1c6d231f5..da88fceaea 100644
--- a/ng2-components/ng2-alfresco-documentlist/demo/src/main.ts
+++ b/ng2-components/ng2-alfresco-documentlist/demo/src/main.ts
@@ -66,13 +66,15 @@ import {
                     </content-column>
                     <content-column
                             title="{{'DOCUMENT_LIST.COLUMNS.CREATED_BY' | translate}}"
-                            source="createdByUser.displayName">
+                            source="createdByUser.displayName"
+                            class="desktop-only">
                     </content-column>
                     <content-column
                             title="{{'DOCUMENT_LIST.COLUMNS.CREATED_ON' | translate}}"
                             source="createdAt"
                             type="date"
-                            format="medium">
+                            format="medium"
+                            class="desktop-only">
                     </content-column>
                 </content-columns>
                 <content-actions>
@@ -154,7 +156,7 @@ class DocumentListDemo implements OnInit {
     currentPath: string = '/';
     authenticated: boolean;
 
-    public host: string = 'http://devproducts-platform.alfresco.me';
+    public host: string = 'http://192.168.99.100:8080/';
 
     token: string;
 
diff --git a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.css b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.css
index b80d63eb94..15e6a9f9c7 100644
--- a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.css
+++ b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.css
@@ -84,3 +84,31 @@
     height: 0;
     display: block;
 }
+
+/* small desktop */
+@media all and (max-width: 1200px) {}
+
+/* tablet */
+@media all and (max-width: 1024px) {}
+
+/* mobile phone */
+@media all and (max-width: 768px) {
+
+    :host th.desktop-only .cell-value {
+        display: none;
+    }
+
+    :host td.desktop-only .cell-value {
+        display: none;
+    }
+}
+
+@media (max-device-width: 768px){
+    :host th.desktop-only .cell-value {
+        display: none;
+    }
+
+    :host td.desktop-only .cell-value {
+        display: none;
+    }
+}