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 1 <div class="communities-block">
2 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 10 </a>
5 11 </div>
... ...
src/app/layout/blocks/communities-block/communities-block.scss
  Diff comments   View file @747d945
1 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 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 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 24 text-align: center;
16 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 3 <head>
4 4 <base href="/">
5 5 <meta charset="utf-8">
6   - <title>angular</title>
  6 + <title ng-bind="'<%= h page_title %>'"></title>
7 7 <meta name="description" content="">
8 8 <meta name="viewport" content="width=device-width">
9 9 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
... ... @@ -32,11 +32,11 @@
32 32 <!-- run `gulp inject` to automatically populate bower script dependencies -->
33 33 <!-- endbower -->
34 34 <!-- endbuild -->
35   -
  35 +
36 36 <!-- build:js({.tmp/serve,.tmp/partials,src}) scripts/app.js -->
37 37 <script src="commons.js"></script>
38 38 <script src="vendor.bundle.js"></script>
39   - <script src="noosfero.js"></script>
  39 + <script src="noosfero.js"></script>
40 40 <!-- inject:partials -->
41 41 <!-- angular templates will be automatically converted in js and inserted here -->
42 42 <!-- endinject -->
... ...