added list avatar, make use of it
This commit is contained in:
parent
174accdb23
commit
47e7201eb6
|
@ -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})">
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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";
|
||||||
|
}
|
Loading…
Reference in a new issue