(css) Truncate lists subheader

pull/241/head
Francis Lachapelle 2018-05-16 11:58:35 -04:00
parent 3cadcaf4eb
commit 563a4c7d1e
3 changed files with 9 additions and 10 deletions

View File

@ -292,8 +292,7 @@
<md-menu-item>
<md-button ng-click="addressbook.sort('c_telephonenumber')">
<md-icon ng-class="{ 'icon-check': addressbook.sortedBy('c_telephonenumber') }">
<!-- selected --></md-icon> <var:string
label:value="Preferred Phone"/>
<!-- selected --></md-icon> <var:string label:value="Preferred Phone"/>
</md-button>
</md-menu-item>
<md-menu-divider> <!-- divider --></md-menu-divider>
@ -447,8 +446,8 @@
<div ng-switch="addressbook.selectedFolder.$cards.length">
<span ng-switch-when="0"><var:string label:value="No matching contact"/></span>
<div ng-switch-default="true" layout="row" layout-align="space-between center">
<div>{{addressbook.selectedFolder.$cards.length}} <var:string label:value="matching contacts"/></div>
<div><md-icon ng-class="{ 'md-flip': addressbook.ascending() }">sort</md-icon> <span ng-bind="addressbook.sort() | loc"><!-- active sort --></span></div>
<div class="md-truncate">{{addressbook.selectedFolder.$cards.length}} <var:string label:value="matching contacts"/></div>
<div class="md-truncate"><md-icon ng-class="{ 'md-flip': addressbook.ascending() }">sort</md-icon> <span ng-bind="addressbook.sort() | loc"><!-- active sort --></span></div>
</div>
</div>
</md-subheader>

View File

@ -281,12 +281,12 @@
<md-content id="messagesList" layout="column" class="md-flex">
<md-subheader>
<div layout="row" layout-align="space-between center">
<div ng-switch="mailbox.service.selectedFolder.getLength()">
<div class="md-truncate" ng-switch="mailbox.service.selectedFolder.getLength()">
<!-- message count -->
<span ng-switch-when="0"><var:string label:value="No message"/></span>
<span ng-switch-default="true"><span ng-bind="mailbox.service.selectedFolder.getLength()"><!-- count --></span> <var:string label:value="messages"/></span>
</div>
<div><md-icon ng-class="{ 'md-flip': mailbox.ascending() }">sort</md-icon> <span ng-bind="mailbox.sort() | loc"><!-- active sort --></span></div>
<div class="md-truncate"><md-icon ng-class="{ 'md-flip': mailbox.ascending() }">sort</md-icon> <span ng-bind="mailbox.sort() | loc"><!-- active sort --></span></div>
</div>
</md-subheader>
<md-virtual-repeat-container class="md-flex" md-top-index="mailbox.selectedFolder.$topIndex">

View File

@ -387,8 +387,8 @@
md-on-select="list.selectComponentType('events')">
<md-subheader>
<div layout="row" layout-align="space-between center">
<div ng-bind="list.filter() | loc"><!-- active filter --></div>
<div><md-icon ng-class="{ 'md-flip': list.ascending() }">sort</md-icon> <span ng-bind="list.sort() | loc"><!-- active sort --></span></div>
<div class="md-truncate" ng-bind="list.filter() | loc"><!-- active filter --></div>
<div class="md-truncate"><md-icon ng-class="{ 'md-flip': list.ascending() }">sort</md-icon> <span ng-bind="list.sort() | loc"><!-- active sort --></span></div>
</div>
</md-subheader>
<md-list class="sg-section-list"
@ -434,8 +434,8 @@
md-on-select="list.selectComponentType('tasks')">
<md-subheader>
<div layout="row" layout-align="space-between center">
<div ng-bind="list.filter() | loc"><!-- active filter --></div>
<div><md-icon ng-class="{ 'md-flip': list.ascending() }">sort</md-icon> <span ng-bind="list.sort() | loc"><!-- active sort --></span></div>
<div class="md-truncate" ng-bind="list.filter() | loc"><!-- active filter --></div>
<div class="md-truncate"><md-icon ng-class="{ 'md-flip': list.ascending() }">sort</md-icon> <span ng-bind="list.sort() | loc"><!-- active sort --></span></div>
</div>
</md-subheader>
<md-list class="sg-section-list"