(css) Improve contacts and messages lists

This commit is contained in:
Francis Lachapelle committed 2015-06-12 12:02:16 -04:00
1 parent 395f3585ca
commit 499e66ffe9
10 files changed
+94 -111

No files matched your search

@@ -293,24 +293,23 @@
</div>
-->
<md-list vs-repeat="72" vs-scroll-parent="#contactsList">
<md-list-item ng-repeat="currentCard in currentFolder.cards track by currentCard.id">
<div layout="row" flex="true"
ng-class="{_selected: card.id == currentCard.id}"
ng-click="toggleDetailView()"
ui-sref="app.addressbook.card.view({addressbookId: currentFolder.id, cardId: currentCard.id})">
<div ng-show="currentCard.tag == 'vcard'">
<sg-gravatar-image class="md-tile-left"
email="{{currentCard.$preferredEmail(currentFolder.$query)}}"
size="48"><!-- gravatar -->
</sg-gravatar-image>
</div>
<div class="sg-list-avatar" ng-show="currentCard.tag == 'vlist'">
<!--list avatar-->
</div>
<div class="sg-tile-content">
<div class="sg-md-body-multi contact-name" ng-bind-html="currentCard.$fullname()"><!-- cn --></div>
<div class="sg-md-subhead-multi contact-email">{{currentCard.$preferredEmail(currentFolder.$query)}}</div>
</div>
<md-list-item
ng-repeat="currentCard in currentFolder.cards track by currentCard.id"
ng-class="{'sg-active': card.id == currentCard.id}"
ng-click="selectCard(currentCard)"
ui-sref-active="sg-active"
ui-sref="app.addressbook.card.view({addressbookId: currentFolder.id, cardId: currentCard.id})">
<sg-gravatar-image class="md-tile-left"
ng-show="currentCard.tag == 'vcard'"
email="{{currentCard.$preferredEmail(currentFolder.$query)}}"
size="48"><!-- gravatar -->
</sg-gravatar-image>
<div class="sg-list-avatar" ng-show="currentCard.tag == 'vlist'">
<!--list avatar-->
</div>
<div class="sg-tile-content">
<div class="sg-md-subhead-multi" ng-bind-html="currentCard.$fullname()"><!-- cn --></div>
<div class="sg-md-body-multi">{{currentCard.$preferredEmail(currentFolder.$query)}}</div>
</div>
</md-list-item>
</md-list>
+22 -27
View File
@@ -15,34 +15,29 @@
<md-list vs-repeat="72"
vs-scroll-parent="#messagesList">
<md-list-item
class="md-clickable"
ng-repeat="currentMessage in mailbox.$messages track by currentMessage.id"
ng-class="{unread: !currentMessage.isread}">
<md-item-content ui-sref-active="_selected" layout="row" class="md-flex">
<div>
<sg-gravatar-image class="md-tile-left"
email="{{currentMessage['from'][0].email}}"
size="48"><!-- gravatar -->
</sg-gravatar-image>
</div>
<div class="sg-tile-content">
<a ui-sref="mail.account.mailbox.message({accountId: account.id, mailboxId: (mailbox.path | encodeUri), messageId: currentMessage.uid})">
<div class="sg-md-subhead-multi subject">
{{currentMessage.subject}}
</div>
<span class="right msg-date" ng-bind-html="currentMessage.relativedate"><!-- date --></span>
<div class="sg-md-body-multi name">{{currentMessage.$shortAddress('from')}}</div>
<i class="icon-ion-refresh"
ng-hide="mailbox.$loadMessage(currentMessage.uid)"><!-- loading --></i>
</a>
</div>
<div class="sg-tile-icons">
<i class="md-icon-star" ng-show="currentMessage.isflagged"> </i>
<i class="md-icon-reply" ng-show="currentMessage.isanswered"> </i>
<i class="md-icon-forward" ng-show="currentMessage.isforwarded"> </i>
<i class="md-icon-attach-file disable" ng-show="currentMessage.hasattachment"> </i>
</div>
</md-item-content>
ng-class="{unread: !currentMessage.isread}"
ng-click="selectMessage(currentMessage)"
ui-sref="mail.account.mailbox.message({accountId: account.id, mailboxId: (mailbox.path | encodeUri), messageId: currentMessage.uid})"
ui-sref-active="sg-active">
<sg-gravatar-image class="md-tile-left"
email="{{currentMessage['from'][0].email}}"
size="48"><!-- gravatar -->
</sg-gravatar-image>
<div class="sg-tile-content">
<span class="msg-date"
ng-bind-html="currentMessage.relativedate"><!-- date --></span>
<div class="sg-md-subhead-multi">{{currentMessage.$shortAddress('from')}}</div>
<div class="sg-md-body-multi">{{currentMessage.subject}}</div>
<i class="icon-ion-refresh"
ng-hide="mailbox.$loadMessage(currentMessage.uid)"><!-- loading --></i>
</div>
<div class="sg-tile-icons">
<i class="md-icon-star" ng-show="currentMessage.isflagged"> </i>
<i class="md-icon-reply" ng-show="currentMessage.isanswered"> </i>
<i class="md-icon-forward" ng-show="currentMessage.isforwarded"> </i>
<i class="md-icon-attach-file disable" ng-show="currentMessage.hasattachment"> </i>
</div>
</md-list-item>
</md-list>
</md-content>