Browse Source

Update contacts manager table look.

pull/67/head
Evan Theurer 11 years ago
parent
commit
f4011efbe7
  1. 8
      src/styles/components/_contactsmanager.scss
  2. 30
      static/partials/contactsmanager.html

8
src/styles/components/_contactsmanager.scss

@ -63,10 +63,13 @@ @@ -63,10 +63,13 @@
}
.editlist {
max-height: 250px;
overflow-y: scroll;
padding-right: 0px;
overflow-y: auto;
}
.table {
margin-bottom: 0px;
tr:first-child td {
border-top: none;
}
.picture {
width: 15%;
min-height: 46px;
@ -75,7 +78,6 @@ @@ -75,7 +78,6 @@
}
.name {
width: 70%;
padding-left: 5%;
text-align: left;
vertical-align: middle;
}

30
static/partials/contactsmanager.html

@ -5,20 +5,22 @@ @@ -5,20 +5,22 @@
</div>
</div>
<div class="row" ng-if="contacts.length > 0">
<div class="col-xs-12 editlist">
<table class="table table-bordered table-hover table-condensed">
<tbody>
<tr ng-repeat="contact in contacts">
<td class="picture">
<img ng-show="contact.Status.buddyPicture" ng-src="{{contact.Status.buddyPicture}}">
<div ng-show="!contact.Status.buddyPicture" class="buddyPicture"></div>
</td>
<td class="name">
<span>{{contact.Status.displayName}}</span>
</td>
</tr>
</tbody>
</table>
<div class="col-xs-12">
<div class="editlist nicescroll">
<table class="table table-hover table-condensed">
<tbody>
<tr ng-repeat="contact in contacts">
<td class="picture">
<img ng-show="contact.Status.buddyPicture" ng-src="{{contact.Status.buddyPicture}}">
<div ng-show="!contact.Status.buddyPicture" class="buddyPicture"></div>
</td>
<td class="name">
<span>{{contact.Status.displayName}}</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>

Loading…
Cancel
Save