Commit 1d6363e09365686bd09c1c6a2562e19678b00b58
1 parent
6911e123
Exists in
master
and in
28 other branches
Fix layout of comments replies
Showing
3 changed files
with
8 additions
and
10 deletions
Show diff stats
src/app/article/comment/comment.html
| @@ -10,14 +10,12 @@ | @@ -10,14 +10,12 @@ | ||
| 10 | <h4 class="media-heading">{{ctrl.comment.author.name}}</h4> | 10 | <h4 class="media-heading">{{ctrl.comment.author.name}}</h4> |
| 11 | </a> | 11 | </a> |
| 12 | <span class="date" am-time-ago="ctrl.comment.created_at | dateFormat"></span> | 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 | </div> | 13 | </div> |
| 19 | <div class="title">{{ctrl.comment.title}}</div> | 14 | <div class="title">{{ctrl.comment.title}}</div> |
| 20 | <div class="body">{{ctrl.comment.body}}</div> | 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 | </div> | 19 | </div> |
| 22 | <noosfero-comments [show-form]="ctrl.showReply" [article]="ctrl.article" [parent]="ctrl.comment"></noosfero-comments> | 20 | <noosfero-comments [show-form]="ctrl.showReply" [article]="ctrl.article" [parent]="ctrl.comment"></noosfero-comments> |
| 23 | </div> | 21 | </div> |
src/app/article/comment/comment.scss
| @@ -13,8 +13,7 @@ | @@ -13,8 +13,7 @@ | ||
| 13 | min-width: 40px; | 13 | min-width: 40px; |
| 14 | } | 14 | } |
| 15 | .media-body { | 15 | .media-body { |
| 16 | - background-color: #F9F9F9; | ||
| 17 | - padding: 10px; | 16 | + padding: 0 10px 10px 10px; |
| 18 | } | 17 | } |
| 19 | noosfero-profile-image { | 18 | noosfero-profile-image { |
| 20 | img { | 19 | img { |
| @@ -28,5 +27,8 @@ | @@ -28,5 +27,8 @@ | ||
| 28 | font-size: 1.7em; | 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
| @@ -2,12 +2,10 @@ | @@ -2,12 +2,10 @@ | ||
| 2 | .post-comment { | 2 | .post-comment { |
| 3 | .media { | 3 | .media { |
| 4 | border-top: 2px solid #F3F3F3; | 4 | border-top: 2px solid #F3F3F3; |
| 5 | + padding-top: 10px; | ||
| 5 | .media-left { | 6 | .media-left { |
| 6 | padding: 10px 0; | 7 | padding: 10px 0; |
| 7 | } | 8 | } |
| 8 | - .media-body { | ||
| 9 | - background-color: transparent; | ||
| 10 | - } | ||
| 11 | button { | 9 | button { |
| 12 | margin-top: 10px; | 10 | margin-top: 10px; |
| 13 | &.ng-hide-add { | 11 | &.ng-hide-add { |