Download as
Browse Code »

Commit 654e4d2a968aef9ca146859b670b096b4abc1eeb

Authored by Tallys Martins
1 parent 32f71509

Enhancements on communities block style 

Signed-off-by: Tallys Martins <tallysmartins@gmail.com>
Showing 3 changed files with 19 additions and 13 deletions   Show diff stats
src/app/layout/blocks/communities/communities-block.html
  Diff comments   View file @654e4d2
1   -<div class="communities-block">
2   - <a ng-repeat="profile in ctrl.profiles" ui-sref="main.profile.home({profile: profile.identifier})" class="profile">
3   - <noosfero-profile-image [profile]="profile"></noosfero-profile-image>
4   - </a>
5   -</div>
  1 + <div ng-repeat="profile in ctrl.profiles" class="col-xs-2 col-md-4 block-item">
  2 + <a ui-sref="main.profile.home({profile: profile.identifier})">
  3 + <noosfero-profile-image [profile]="profile"></noosfero-profile-image>
  4 + </a>
  5 + <p>{{profile.name}}</p>
  6 + </div>
... ...
src/app/layout/blocks/communities/communities-block.scss
  Diff comments   View file @654e4d2
1   -.communities-block {
2   - .profile {
  1 +.communitiesblock {
  2 + .panel-body {
  3 + text-align: center;
3 4 margin: 10px;
4   - img, i.profile-image {
5   - width: 60px;
6   - }
7 5 img {
8 6 display: inline-block;
9 7 vertical-align: top;
10 8 }
11 9 i.profile-image {
12 10 text-align: center;
13   - font-size: 4.5em;
  11 + font-size: 7rem;
  12 + }
  13 + p {
  14 + overflow: hidden;
  15 + font-size: 1rem;
  16 + }
  17 + .block-item {
  18 + padding: 0px;
14 19 }
15 20 }
16 21 }
... ...
src/app/profile/image/image.html
  Diff comments   View file @654e4d2
1 1 <span class="profile-image-wrap" title="{{ctrl.profile.name}}">
2   - <img ng-if="ctrl.profile.image" ng-src="{{ctrl.profile.image.url}}" class="img-responsive profile-image">
3   - <i ng-if="!ctrl.profile.image" class="fa {{ctrl.defaultIcon}} fa-5x profile-image"></i>
  2 + <img ng-if="ctrl.profile.image" ng-src="{{ctrl.profile.image.url}}" class="img-responsive profile-image img-avatar">
  3 + <i ng-if="!ctrl.profile.image" class="fa {{ctrl.defaultIcon}} fa-5x profile-image img-avatar"></i>
4 4 </span>
... ...