Commit 654e4d2a968aef9ca146859b670b096b4abc1eeb
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
| 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
| 1 | -.communities-block { | ||
| 2 | - .profile { | 1 | +.communitiesblock { |
| 2 | + .panel-body { | ||
| 3 | + text-align: center; | ||
| 3 | margin: 10px; | 4 | margin: 10px; |
| 4 | - img, i.profile-image { | ||
| 5 | - width: 60px; | ||
| 6 | - } | ||
| 7 | img { | 5 | img { |
| 8 | display: inline-block; | 6 | display: inline-block; |
| 9 | vertical-align: top; | 7 | vertical-align: top; |
| 10 | } | 8 | } |
| 11 | i.profile-image { | 9 | i.profile-image { |
| 12 | text-align: center; | 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
| 1 | <span class="profile-image-wrap" title="{{ctrl.profile.name}}"> | 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 | </span> | 4 | </span> |