From b4766d7be4e7c64f8077dc30a81a2cbc909bca80 Mon Sep 17 00:00:00 2001
From: Will Abson <will.abson@gmail.com>
Date: Tue, 28 Jun 2016 09:25:21 +0100
Subject: [PATCH] Hide search results modified by and modified at cols on
 smaller screens

Refs #228
---
 .../app/components/search/search.component.ts        |  5 +++++
 .../src/components/alfresco-search.component.html    | 12 ++++++------
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/demo-shell-ng2/app/components/search/search.component.ts b/demo-shell-ng2/app/components/search/search.component.ts
index 77067b5ff6..2bc7c5302c 100644
--- a/demo-shell-ng2/app/components/search/search.component.ts
+++ b/demo-shell-ng2/app/components/search/search.component.ts
@@ -36,6 +36,11 @@ declare let __moduleName: string;
         :host tbody tr {
             cursor: pointer;
         }
+        @media screen and (max-width: 600px) {
+            :host .col-modified-at, :host .col-modified-by {
+                display: none;
+            }
+        }
     `],
     directives: [ ALFRESCO_SEARCH_DIRECTIVES, VIEWERCOMPONENT ]
 })
diff --git a/ng2-components/ng2-alfresco-search/src/components/alfresco-search.component.html b/ng2-components/ng2-alfresco-search/src/components/alfresco-search.component.html
index 54f0371a7c..75f2147f21 100644
--- a/ng2-components/ng2-alfresco-search/src/components/alfresco-search.component.html
+++ b/ng2-components/ng2-alfresco-search/src/components/alfresco-search.component.html
@@ -4,13 +4,13 @@
     <thead>
     <tr>
         <th class="mdl-data-table__cell--non-numeric"></th>
-        <th class="mdl-data-table__cell--non-numeric">
+        <th class="mdl-data-table__cell--non-numeric col-display-name">
             {{'SEARCH.RESULTS.COLUMNS.NAME' | translate}}
         </th>
-        <th class="mdl-data-table__cell--non-numeric">
+        <th class="mdl-data-table__cell--non-numeric col-modified-by">
             {{'SEARCH.RESULTS.COLUMNS.MODIFIED_BY' | translate}}
         </th>
-        <th class="mdl-data-table__cell--non-numeric">
+        <th class="mdl-data-table__cell--non-numeric col-modified-at">
             {{'SEARCH.RESULTS.COLUMNS.MODIFIED_AT' | translate}}
         </th>
     </tr>
@@ -19,12 +19,12 @@
 
     <tr *ngFor="let result of results; let idx = index" (click)="onItemClick(result, $event)">
         <td><img src="{{getMimeTypeIcon(result)}}" /></td>
-        <td class="mdl-data-table__cell--non-numeric"
+        <td class="mdl-data-table__cell--non-numeric col-display-name"
             attr.data-automation-id=file_{{result.entry.name}} >{{result.entry.name}}</td>
-        <td class="mdl-data-table__cell--non-numeric"
+        <td class="mdl-data-table__cell--non-numeric  col-modified-by"
             attr.data-automation-id=file_{{result.entry.name}}_{{result.entry.modifiedByUser.displayName}}>
             {{result.entry.modifiedByUser.displayName}}</td>
-        <td>{{result.entry.modifiedAt | date}}</td>
+        <td class="col-modified-at">{{result.entry.modifiedAt | date}}</td>
     </tr>
 
     </tbody>