Download as
Browse Code »

Commit 9c2e3b8c849d9582f695caf5b550af249c5cdc8f

Authored by Victor Costa
1 parent c8ed33fd
Exists in master and in 1 other branch dev-fixes

Improve layout of members block

Showing 4 changed files with 20 additions and 6 deletions   Show diff stats
src/app/components/noosfero-blocks/members-block/members-block.directive.js
  Diff comments   View file @9c2e3b8
... ... @@ -26,7 +26,7 @@
26 26 var vm = this;
27 27 vm.members = [];
28 28  
29   - noosfero.members(noosfero.profiles.one(vm.owner.id)).one().get().then(function(result) {
  29 + noosfero.members(noosfero.profiles.one(vm.owner.id)).one().get({per_page: 6}).then(function(result) {
30 30 vm.members = result.people;
31 31 });
32 32 }
... ...
src/app/components/noosfero-blocks/members-block/members-block.html
  Diff comments   View file @9c2e3b8
1 1 <div class="members-block">
2   - <a ng-repeat="member in vm.members" ui-sref="main.profile({profile: member.identifier})">
  2 + <a ng-repeat="member in vm.members" ui-sref="main.profile({profile: member.identifier})" class="member">
3 3 <noosfero-profile-image profile="member"></noosfero-profile-image>
4 4 </a>
5 5 </div>
... ...
src/app/components/noosfero-blocks/members-block/members-block.scss
  Diff comments   View file @9c2e3b8
1 1 .members-block {
2   - img {
3   - width: 60px;
  2 + .member {
  3 + img, i.profile-image {
  4 + width: 60px;
  5 + }
  6 + img {
  7 + display: inline-block;
  8 + vertical-align: top;
  9 + }
  10 + i.profile-image {
  11 + text-align: center;
  12 + background-color: #889DB1;
  13 + color: #F1F1F1;
  14 + font-size: 4.5em;
  15 + }
4 16 }
5 17 }
... ...
src/app/components/noosfero/profile-image/profile-image.html
  Diff comments   View file @9c2e3b8
1   -<img ng-if="vm.profile.image" ng-src="{{vm.profile.image.url}}" class="img-responsive profile-image">
2   -<i ng-if="!vm.profile.image" class="fa {{vm.defaultIcon}} fa-5x profile-image"></i>
  1 +<span title="{{vm.profile.name}}">
  2 + <img ng-if="vm.profile.image" ng-src="{{vm.profile.image.url}}" class="img-responsive profile-image">
  3 + <i ng-if="!vm.profile.image" class="fa {{vm.defaultIcon}} fa-5x profile-image"></i>
  4 +</span>
... ...