added list avatar, make use of it

pull/91/head
Ludovic Marcotte 2015-04-23 11:02:11 -04:00 committed by Francis Lachapelle
parent 174accdb23
commit 47e7201eb6
4 changed files with 24 additions and 6 deletions

View File

@ -238,8 +238,11 @@
ng-click="select($index); toggleDetailView()"
layout="row"
flex="true">
<div class="sg-avatar">
<!--avatar--><!-- currentCard.tag = vcard || vlist -->
<div class="sg-avatar" ng-show="currentCard.tag == 'vcard'">
<!--card avatar-->
</div>
<div class="sg-list-avatar" ng-show="currentCard.tag == 'vlist'">
<!--list avatar-->
</div>
<div class="sg-tile-content">
<a ui-sref="addressbook.card.view({addressbookId: addressbook.id, cardId: currentCard.id})">

View File

@ -9,8 +9,11 @@
<md-card-content>
<md-button class="iconButton show-sm" ng-click="toggleDetailView()"><i class="md-icon-close"><!--icon--></i></md-button>
<header>
<div class="sg-avatar">
<!--avatar--><!-- currentCard.tag = vcard || vlist -->
<div class="sg-avatar" ng-show="card.tag == 'vcard'">
<!--card avatar-->
</div>
<div class="sg-list-avatar" ng-show="card.tag == 'vlist'">
<!--list avatar-->
</div>
<div class="msg-header-content">
<h1 class="sg-md-display-2--light" ng-bind-html="card.$fullname()"><!-- fullname --></h1>

View File

@ -92,7 +92,12 @@
}
}
.sg-avatar {
@extend .md-tile-left;
@extend .md-tile-left-card;
margin-right: 0;
margin-left: 0;
}
.sg-list-avatar {
@extend .md-tile-left-list;
margin-right: 0;
margin-left: 0;
}

View File

@ -71,8 +71,15 @@ div.md-tile-left {
// Avatar placeholder
// ------------------------------------
.md-tile-left:before {
content: "\f251";
font-family: 'Material Design Iconic Font';
font-size: 40px;
color: rgba(0, 0, 0, 0.26);
}
.md-tile-left-card:before {
@extend .md-tile-left;
content: "\f251";
}
.md-tile-left-list:before {
@extend .md-tile-left;
content: "\f2d4";
}