Download as
Browse Code »

Commit 747d945ec7cc124d23fd58e73aa050df4b513f1c

Authored by Carlos Coêlho
1 parent e3ca853f
Exists in responsive-fixes

Added community names to community block 

Signed-off-by: Carlos Coêlho <carlospecter@gmail.com>
Signed-off-by: Sabryna Sousa <sabryna.sousa1323@gmail.com>
Showing 3 changed files with 30 additions and 14 deletions   Show diff stats
src/app/layout/blocks/communities-block/communities-block.html
  Diff comments   View file @747d945
1 <div class="communities-block"> 1 <div class="communities-block">
2 <a ng-repeat="profile in ctrl.profiles" ui-sref="main.profile.home({profile: profile.identifier})" class="profile"> 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> 3 + <div class="community-block">
  4 + <noosfero-profile-image [profile]="profile">
  5 + </noosfero-profile-image>
  6 + <div class="community-name">
  7 + <span ng-bind="profile.name | limitTo: 25" title="{{profile.name}}"></span>
  8 + </div>
  9 + </div>
4 </a> 10 </a>
5 </div> 11 </div>
src/app/layout/blocks/communities-block/communities-block.scss
  Diff comments   View file @747d945
1 .communities-block { 1 .communities-block {
2 - .profile {  
3 - margin: 3%;  
4 - display: inline-block;  
5 - width: 44%; 2 + .community-block {
  3 + width: 50%;
  4 + float: left;
6 text-align: center; 5 text-align: center;
7 - img, i.profile-image {  
8 - width: 60px; 6 + .community-name {
  7 + height: 2.8em;
  8 + line-height: 16px;
  9 + text-align: center;
9 } 10 }
10 - img { 11 + .profile {
  12 + margin: 3%;
11 display: inline-block; 13 display: inline-block;
12 - vertical-align: top;  
13 - }  
14 - i.profile-image { 14 + width: 44%;
  15 + text-align: center;
  16 + img, i.profile-image {
  17 + width: 60px;
  18 + }
  19 + img {
  20 + display: inline-block;
  21 + vertical-align: top;
  22 + }
  23 + i.profile-image {
15 text-align: center; 24 text-align: center;
16 font-size: 4.5em; 25 font-size: 4.5em;
  26 + }
17 } 27 }
18 } 28 }
19 } 29 }
src/index.html
  Diff comments   View file @747d945
@@ -3,7 +3,7 @@ @@ -3,7 +3,7 @@
3 <head> 3 <head>
4 <base href="/"> 4 <base href="/">
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 - <title>angular</title> 6 + <title ng-bind="'<%= h page_title %>'"></title>
7 <meta name="description" content=""> 7 <meta name="description" content="">
8 <meta name="viewport" content="width=device-width"> 8 <meta name="viewport" content="width=device-width">
9 <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> 9 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
@@ -32,11 +32,11 @@ @@ -32,11 +32,11 @@
32 <!-- run `gulp inject` to automatically populate bower script dependencies --> 32 <!-- run `gulp inject` to automatically populate bower script dependencies -->
33 <!-- endbower --> 33 <!-- endbower -->
34 <!-- endbuild --> 34 <!-- endbuild -->
35 - 35 +
36 <!-- build:js({.tmp/serve,.tmp/partials,src}) scripts/app.js --> 36 <!-- build:js({.tmp/serve,.tmp/partials,src}) scripts/app.js -->
37 <script src="commons.js"></script> 37 <script src="commons.js"></script>
38 <script src="vendor.bundle.js"></script> 38 <script src="vendor.bundle.js"></script>
39 - <script src="noosfero.js"></script> 39 + <script src="noosfero.js"></script>
40 <!-- inject:partials --> 40 <!-- inject:partials -->
41 <!-- angular templates will be automatically converted in js and inserted here --> 41 <!-- angular templates will be automatically converted in js and inserted here -->
42 <!-- endinject --> 42 <!-- endinject -->