Commit 8aa6d299546e1af0d66423246b5d8f81a366755a

Authored by Victor Costa
1 parent cad45af6

Small fixes in comment_paragraph layout

src/plugins/comment_paragraph/allow-comment/allow-comment.scss
@@ -12,7 +12,7 @@ comment-paragraph-plugin-allow-comment { @@ -12,7 +12,7 @@ comment-paragraph-plugin-allow-comment {
12 } 12 }
13 } 13 }
14 .paragraph-content { 14 .paragraph-content {
15 - width: 95%; 15 + width: 94%;
16 display: inline-block; 16 display: inline-block;
17 } 17 }
18 .paragraph-actions { 18 .paragraph-actions {
src/plugins/comment_paragraph/hotspot/article-content/article-content.html
1 <div class="discussion-header" ng-if="ctrl.isDiscussion()"> 1 <div class="discussion-header" ng-if="ctrl.isDiscussion()">
2 - <div class="icon">  
3 - <i class="fa fa-calendar fa-fw fa-lg"></i>  
4 - </div>  
5 <div class="period"> 2 <div class="period">
6 <div ng-if="ctrl.notOpened()" class="description not-opened"> 3 <div ng-if="ctrl.notOpened()" class="description not-opened">
7 {{"comment-paragraph-plugin.discussion.notOpened.header" | translate:{date: (ctrl.article.start_date | dateFormat | amTimeAgo)} }} 4 {{"comment-paragraph-plugin.discussion.notOpened.header" | translate:{date: (ctrl.article.start_date | dateFormat | amTimeAgo)} }}
@@ -18,4 +15,7 @@ @@ -18,4 +15,7 @@
18 {{"comment-paragraph-plugin.discussion.closed.header" | translate:{date: (ctrl.article.end_date | dateFormat | amTimeAgo)} }} 15 {{"comment-paragraph-plugin.discussion.closed.header" | translate:{date: (ctrl.article.end_date | dateFormat | amTimeAgo)} }}
19 </div> 16 </div>
20 </div> 17 </div>
  18 + <div class="icon">
  19 + <i class="fa fa-calendar fa-fw fa-lg"></i>
  20 + </div>
21 </div> 21 </div>
src/plugins/comment_paragraph/hotspot/article-content/article-content.scss
1 .discussion-header { 1 .discussion-header {
2 - @extend .pull-right; 2 + text-align: right;
3 margin-bottom: 20px; 3 margin-bottom: 20px;
4 .period { 4 .period {
5 - @extend .pull-right; 5 + display: inline-block;
6 .description { 6 .description {
7 font-weight: bold; 7 font-weight: bold;
8 color: #A2A2A2; 8 color: #A2A2A2;
9 } 9 }
10 } 10 }
11 .icon { 11 .icon {
12 - @extend .pull-right; 12 + display: inline-block;
13 margin-left: 8px; 13 margin-left: 8px;
14 } 14 }
15 } 15 }