Use <caption> el to summarise search results

Refs #302
This commit is contained in:
Will Abson 2016-06-29 16:46:38 +01:00
parent 3778574cef
commit bc9a83040e
2 changed files with 5 additions and 1 deletions

View File

@ -1,6 +1,6 @@
<p data-automation-id="search_result_found" *ngIf="results && results.length">{{ 'SEARCH.RESULTS.SUMMARY' | translate:{numResults: results.length, searchTerm: searchTerm} }}</p>
<p data-automation-id="search_no_result_found" *ngIf="results&& results.length == 0">{{ 'SEARCH.RESULTS.NONE' | translate:{searchTerm: searchTerm} }}</p>
<table data-automation-id="search_result_table" *ngIf="results && results.length && searchTerm" class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width">
<caption data-automation-id="search_result_found">{{ 'SEARCH.RESULTS.SUMMARY' | translate:{numResults: results.length, searchTerm: searchTerm} }}</caption>
<thead>
<tr>
<th class="mdl-data-table__cell--non-numeric col-mimetype-icon"></th>

View File

@ -27,6 +27,10 @@ declare let __moduleName: string;
moduleId: __moduleName,
selector: 'alfresco-search',
styles: [`
:host .mdl-data-table caption {
margin: 0 0 16px 0;
text-align: left;
}
:host .mdl-data-table td {
max-width: 0;
white-space: nowrap;