Contacts Tab

stable
Xavier Julián 2015-05-13 10:14:28 +02:00 committed by Juanfran
parent ad6b7fcf1d
commit 9352a7f0fc
2 changed files with 12 additions and 13 deletions

View File

@ -6,20 +6,19 @@ section.profile-contacts
// a(href="", title="Only show people follow you") followers // a(href="", title="Only show people follow you") followers
div.profile-contact-single(tg-repeat="contact in ::vm.contacts") div.profile-contact-single(tg-repeat="contact in ::vm.contacts")
div.profile-contact-picture div.profile-contact-picture
a(tg-nav="user-profile:username=contact.get('username')", title="{{::contact.get('name') }}")
img(ng-src="{{::contact.get('photo')}}", alt="{{::contact.get('full_name')}}")
div.profile-contact-data
h1
a(tg-nav="user-profile:username=contact.get('username')", title="{{::contact.get('name') }}") a(tg-nav="user-profile:username=contact.get('username')", title="{{::contact.get('name') }}")
| {{::contact.get('full_name')}} img(ng-src="{{::contact.get('photo')}}", alt="{{::contact.get('full_name')}}")
// span.your-contact Your contact
p(ng-if="contact.bio") {{::contact.get('bio')}} div.profile-contact-data
h1
a(tg-nav="user-profile:username=contact.get('username')", title="{{::contact.get('name') }}")
| {{::contact.get('full_name')}}
div.extra-info p(ng-if="contact.bio") {{::contact.get('bio')}}
span.position {{::contact.get('roles').join(", ")}}
div.extra-info
span.position {{::contact.get('roles').join(", ")}}
// span.location todo // span.location todo
// div.profile-project-stats // div.profile-project-stats
// div.stat-projects(title="2 projects") // div.stat-projects(title="2 projects")

View File

@ -30,6 +30,7 @@
margin-right: 1rem; margin-right: 1rem;
max-width: 100px; max-width: 100px;
img { img {
border-radius: .2rem;
width: 100%; width: 100%;
} }
} }
@ -37,7 +38,7 @@
flex: 1; flex: 1;
h1 { h1 {
@extend %text; @extend %text;
@extend %xlarge; @extend %larger;
align-items: center; align-items: center;
display: flex; display: flex;
margin-bottom: 0; margin-bottom: 0;
@ -59,7 +60,6 @@
color: $gray-light; color: $gray-light;
} }
.position { .position {
@extend %bold;
margin-right: .3rem; margin-right: .3rem;
} }
} }