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

@@ -37,9 +37,15 @@ declare let __moduleName: string;
cursor: pointer;
}
@media screen and (max-width: 600px) {
:host .col-display-name {
min-width: 100px;
}
:host .col-modified-at, :host .col-modified-by {
display: none;
}
:host div.search-results-container table {
width: 100%;
}
}
`],
directives: [ ALFRESCO_SEARCH_DIRECTIVES, VIEWERCOMPONENT ]