added list avatar, make use of it

This commit is contained in:
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()" ng-click="select($index); toggleDetailView()"
layout="row" layout="row"
flex="true"> flex="true">
<div class="sg-avatar"> <div class="sg-avatar" ng-show="currentCard.tag == 'vcard'">
<!--avatar--><!-- currentCard.tag = vcard || vlist --> <!--card avatar-->
</div>
<div class="sg-list-avatar" ng-show="currentCard.tag == 'vlist'">
<!--list avatar-->
</div> </div>
<div class="sg-tile-content"> <div class="sg-tile-content">
<a ui-sref="addressbook.card.view({addressbookId: addressbook.id, cardId: currentCard.id})"> <a ui-sref="addressbook.card.view({addressbookId: addressbook.id, cardId: currentCard.id})">

View file

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

View file

@ -92,7 +92,12 @@
} }
} }
.sg-avatar { .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-right: 0;
margin-left: 0; margin-left: 0;
} }

View file

@ -71,8 +71,15 @@ div.md-tile-left {
// Avatar placeholder // Avatar placeholder
// ------------------------------------ // ------------------------------------
.md-tile-left:before { .md-tile-left:before {
content: "\f251";
font-family: 'Material Design Iconic Font'; font-family: 'Material Design Iconic Font';
font-size: 40px; font-size: 40px;
color: rgba(0, 0, 0, 0.26); 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";
}