inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Hide search results modified by and modified at cols on smaller screens

Browse Source 
Refs #228
This commit is contained in:
Will Abson
2016-06-28 09:25:21 +01:00
parent 141e45f211
commit b4766d7be4
2 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
demo-shell-ng2/app/components/search/search.component.ts
View File

@@ -36,6 +36,11 @@ declare let __moduleName: string;
:host tbody tr { :host tbody tr {
cursor: pointer; cursor: pointer;
} }
@media screen and (max-width: 600px) {
:host .col-modified-at, :host .col-modified-by {
display: none;
}
}
`], `],
directives: [ ALFRESCO_SEARCH_DIRECTIVES, VIEWERCOMPONENT ] directives: [ ALFRESCO_SEARCH_DIRECTIVES, VIEWERCOMPONENT ]
}) })

12
ng2-components/ng2-alfresco-search/src/components/alfresco-search.component.html
View File

@@ -4,13 +4,13 @@
<thead> <thead>
<tr> <tr>
<th class="mdl-data-table__cell--non-numeric"></th> <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}} {{'SEARCH.RESULTS.COLUMNS.NAME' | translate}}
</th> </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}} {{'SEARCH.RESULTS.COLUMNS.MODIFIED_BY' | translate}}
</th> </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}} {{'SEARCH.RESULTS.COLUMNS.MODIFIED_AT' | translate}}
</th> </th>
</tr> </tr>
@@ -19,12 +19,12 @@
<tr *ngFor="let result of results; let idx = index" (click)="onItemClick(result, $event)"> <tr *ngFor="let result of results; let idx = index" (click)="onItemClick(result, $event)">
<td><img src="{{getMimeTypeIcon(result)}}" /></td> <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> 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}}> attr.data-automation-id=file_{{result.entry.name}}_{{result.entry.modifiedByUser.displayName}}>
{{result.entry.modifiedByUser.displayName}}</td> {{result.entry.modifiedByUser.displayName}}</td>
<td>{{result.entry.modifiedAt | date}}</td> <td class="col-modified-at">{{result.entry.modifiedAt | date}}</td>
</tr> </tr>
</tbody> </tbody>