diff --git a/app/assets/images/moderator_avatar.png b/app/assets/images/moderator_avatar.png new file mode 100644 index 000000000..1c726e57b Binary files /dev/null and b/app/assets/images/moderator_avatar.png differ diff --git a/app/assets/stylesheets/debates.scss b/app/assets/stylesheets/debates.scss index dd29774a5..bbe0d034d 100644 --- a/app/assets/stylesheets/debates.scss +++ b/app/assets/stylesheets/debates.scss @@ -567,6 +567,11 @@ background: $comment-author; padding: rem-calc(6) rem-calc(12); } + + &.is-moderator { + background: $comment-moderator; + padding: rem-calc(6) rem-calc(12); + } } } diff --git a/app/assets/stylesheets/participacion.scss b/app/assets/stylesheets/participacion.scss index e6aea4db2..15becbaf5 100644 --- a/app/assets/stylesheets/participacion.scss +++ b/app/assets/stylesheets/participacion.scss @@ -548,19 +548,19 @@ form { line-height: $line-height; } - input[type]:not([type=submit]):not([type=file]) { + input[type]:not([type=submit]):not([type=file]):not([type=checkbox]) { background: $input-bg; height: rem-calc(48); margin-bottom: rem-calc(16); } - input[type="checkbox"] { - height: rem-calc(24) !important; - margin: 0 !important; + input[type="checkbox"] + label, + input[type="radio"] + label { + margin-right: 0; } input[type=file] { - margin: rem-calc(12) 0; + margin: rem-calc(12) 0 rem-calc(12) rem-calc(6); } .note { @@ -579,8 +579,7 @@ form { font-size: rem-calc(14); font-weight: normal; line-height: $line-height; - margin: 0 0 0 rem-calc(6); - vertical-align: top; + vertical-align: middle; } .captcha { @@ -591,6 +590,10 @@ form { margin-bottom: 0 !important; } } + + .button.margin-top { + margin-top: rem-calc(24); + } } // 09. Alerts @@ -689,11 +692,15 @@ form { } } -img.initialjs-avatar, img.avatar { +img.moderator-avatar { border-radius: rem-calc(1000); position: relative; } +img.initialjs-avatar { + @extend .moderator-avatar; +} + .author-deleted { background-color: rgba(255,255,255,.5); color: rgba(0,0,0,.4); diff --git a/app/assets/stylesheets/variables.scss b/app/assets/stylesheets/variables.scss index 93107e3d2..1f06906d6 100644 --- a/app/assets/stylesheets/variables.scss +++ b/app/assets/stylesheets/variables.scss @@ -77,8 +77,9 @@ $author: #008CCF; $association: #C0392B; $comment-author: rgba(45,144,248,.15); -$comment-official: rgba(70,219,145,.3); $comment-level-5: rgba(255,241,204,1); +$comment-moderator: rgba(45,144,248,.15); +$comment-official: rgba(70,219,145,.3); // 06. Responsive // - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/app/views/comments/_comment.html.erb b/app/views/comments/_comment.html.erb index 0d922be04..d0d1dcd7c 100644 --- a/app/views/comments/_comment.html.erb +++ b/app/views/comments/_comment.html.erb @@ -13,14 +13,26 @@ <% if comment.user.hidden? %> <% end %> - +
<%= comment.body %>
<% elsif comment.user.official? %><%= comment.body %>
+ <% elsif comment.user.moderator? %> +<%= comment.body %>
<% elsif comment.user_id == @debate.author_id %><%= comment.body %>
<% else %> @@ -83,6 +97,5 @@