(css) Improve display of folder name

This commit is contained in:
Francis Lachapelle
2015-09-14 14:57:16 -04:00
parent 47ab4b837c
commit 92bf494973
3 changed files with 9 additions and 2 deletions

View File

@@ -192,7 +192,7 @@
ng-click="addressbook.mode.search = true">
<md-icon>search</md-icon>
</md-button>
<div class="md-flex">{{addressbook.selectedFolder.name}}</div>
<div class="sg-folder-name">{{addressbook.selectedFolder.name}}</div>
<md-menu>
<md-button class="sg-icon-button" label:aria-label="Sort"
ng-click="$mdOpenMenu()">

View File

@@ -16,7 +16,7 @@
ng-click="mailbox.mode.search = true">
<md-icon>search</md-icon>
</md-button>
<div class="md-flex">{{mailbox.selectedFolder.name}}</div>
<div class="sg-folder-name">{{mailbox.selectedFolder.name}}</div>
<md-menu>
<md-button class="sg-icon-button" label:aria-label="Sort"
ng-click="$mdOpenMenu()">

View File

@@ -81,6 +81,13 @@ hgroup {
}
}
.sg-folder-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1 1 auto;
}
.sg-toolbar-search {
padding: $toolbar-padding 0;
}