Commit 9c2e3b8c849d9582f695caf5b550af249c5cdc8f
1 parent
c8ed33fd
Exists in
master
and in
38 other branches
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
| @@ -26,7 +26,7 @@ | @@ -26,7 +26,7 @@ | ||
| 26 | var vm = this; | 26 | var vm = this; |
| 27 | vm.members = []; | 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 | vm.members = result.people; | 30 | vm.members = result.people; |
| 31 | }); | 31 | }); |
| 32 | } | 32 | } |
src/app/components/noosfero-blocks/members-block/members-block.html
| 1 | <div class="members-block"> | 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 | <noosfero-profile-image profile="member"></noosfero-profile-image> | 3 | <noosfero-profile-image profile="member"></noosfero-profile-image> |
| 4 | </a> | 4 | </a> |
| 5 | </div> | 5 | </div> |
src/app/components/noosfero-blocks/members-block/members-block.scss
| 1 | .members-block { | 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
| 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> |