From 563a4c7d1e01e2b6245c8579e2f28495c3f64779 Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Wed, 16 May 2018 11:58:35 -0400
Subject: [PATCH] (css) Truncate lists subheader

---
 UI/Templates/ContactsUI/UIxContactFoldersView.wox | 7 +++----
 UI/Templates/MailerUI/UIxMailFolderTemplate.wox   | 4 ++--
 UI/Templates/SchedulerUI/UIxCalMainView.wox       | 8 ++++----
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/UI/Templates/ContactsUI/UIxContactFoldersView.wox b/UI/Templates/ContactsUI/UIxContactFoldersView.wox
index 0bd114f1c..330c69fbd 100644
--- a/UI/Templates/ContactsUI/UIxContactFoldersView.wox
+++ b/UI/Templates/ContactsUI/UIxContactFoldersView.wox
@@ -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>
diff --git a/UI/Templates/MailerUI/UIxMailFolderTemplate.wox b/UI/Templates/MailerUI/UIxMailFolderTemplate.wox
index 6399c785d..34bf834f1 100644
--- a/UI/Templates/MailerUI/UIxMailFolderTemplate.wox
+++ b/UI/Templates/MailerUI/UIxMailFolderTemplate.wox
@@ -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">
diff --git a/UI/Templates/SchedulerUI/UIxCalMainView.wox b/UI/Templates/SchedulerUI/UIxCalMainView.wox
index a109c5859..ea19c3f15 100644
--- a/UI/Templates/SchedulerUI/UIxCalMainView.wox
+++ b/UI/Templates/SchedulerUI/UIxCalMainView.wox
@@ -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"