Download as
Browse Code »

Commit 9c2e3b8c849d9582f695caf5b550af249c5cdc8f

Authored by Victor Costa
1 parent c8ed33fd
Exists in master and in 38 other branches activities_block, angular2, btn-new-post, cleaning-the-house, cosmetic_changes_people_and_communities_block, coverage, edit-blocks, edit-header-footer, env-tags-block, forgot_password, header_and_footer, helpers-evolution, layout_support, list_articles_on_blog, loading-indicator-component, login_modal, login_modal_improve, person_info_block, production, profile-article-resolvers, profile-blocks-sass, profile-view, profile_description_block_component, profile_page_improvements, profile_search, recent-activities, remove-article-confirmation, responsive-fixes, seo, signup_page, skin-small-change, staging, tags-block, theme-skin-yellow, translations, typescript, updated_signup_page, users_profile_page

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>
... ...