Download as
Browse Code »

Commit 1d6363e09365686bd09c1c6a2562e19678b00b58

Authored by Victor Costa
1 parent 6911e123
Exists in master and in 28 other branches activities_block, btn-new-post, cosmetic_changes_people_and_communities_block, edit-blocks, edit-header-footer, env-tags-block, forgot_password, header_and_footer, layout_support, list_articles_on_blog, loading-indicator-component, login_modal, login_modal_improve, person_info_block, profile-article-resolvers, profile-blocks-sass, profile_description_block_component, profile_page_improvements, recent-activities, remove-article-confirmation, signup_page, skin-small-change, staging, tags-block, theme-skin-yellow, translations, updated_signup_page, users_profile_page

Fix layout of comments replies

Showing 3 changed files with 8 additions and 10 deletions   Show diff stats
src/app/article/comment/comment.html
  Diff comments   View file @1d6363e
... ... @@ -10,14 +10,12 @@
10 10 <h4 class="media-heading">{{ctrl.comment.author.name}}</h4>
11 11 </a>
12 12 <span class="date" am-time-ago="ctrl.comment.created_at | dateFormat"></span>
13   - <a href="#" (click)="ctrl.reply()">
14   - <span class="pull-right small text-muted">
15   - {{"comment.reply" | translate}}
16   - </span>
17   - </a>
18 13 </div>
19 14 <div class="title">{{ctrl.comment.title}}</div>
20 15 <div class="body">{{ctrl.comment.body}}</div>
  16 + <a href="#" (click)="ctrl.reply()" class="small text-muted">
  17 + {{"comment.reply" | translate}}
  18 + </a>
21 19 </div>
22 20 <noosfero-comments [show-form]="ctrl.showReply" [article]="ctrl.article" [parent]="ctrl.comment"></noosfero-comments>
23 21 </div>
... ...
src/app/article/comment/comment.scss
  Diff comments   View file @1d6363e
... ... @@ -13,8 +13,7 @@
13 13 min-width: 40px;
14 14 }
15 15 .media-body {
16   - background-color: #F9F9F9;
17   - padding: 10px;
  16 + padding: 0 10px 10px 10px;
18 17 }
19 18 noosfero-profile-image {
20 19 img {
... ... @@ -28,5 +27,8 @@
28 27 font-size: 1.7em;
29 28 }
30 29 }
  30 + .comments {
  31 + margin-left: 30px;
  32 + }
31 33 }
32 34 }
... ...
src/app/article/comment/post-comment/post-comment.scss
  Diff comments   View file @1d6363e
... ... @@ -2,12 +2,10 @@
2 2 .post-comment {
3 3 .media {
4 4 border-top: 2px solid #F3F3F3;
  5 + padding-top: 10px;
5 6 .media-left {
6 7 padding: 10px 0;
7 8 }
8   - .media-body {
9   - background-color: transparent;
10   - }
11 9 button {
12 10 margin-top: 10px;
13 11 &.ng-hide-add {
... ...