Use 100% of screen width for results on smaller screens

- Ellipsis used and text truncated if name overflows
- Icon column does not expand out as screen gets wider

Refs #228
This commit is contained in:
Will Abson
2016-06-28 15:29:20 +01:00
parent b4766d7be4
commit 12c98a831e
3 changed files with 22 additions and 3 deletions

View File

@@ -26,7 +26,20 @@ declare let __moduleName: string;
@Component({
moduleId: __moduleName,
selector: 'alfresco-search',
styles: [],
styles: [`
:host .mdl-data-table td {
max-width: 0;
white-space: nowrap;
}
:host .mdl-data-table td.col-mimetype-icon {
width: 24px;
}
:host .col-display-name {
min-width: 250px;
overflow: hidden;
text-overflow: ellipsis;
}
`],
templateUrl: './alfresco-search.component.html',
providers: [AlfrescoSearchService],
pipes: [AlfrescoPipeTranslate]