Fixed and cleaned comment template/stylesheet

fixed:
* comment-report-icon will not be displayed when post author is current user
* if you hover a comment all report icons will be displayed
This commit is contained in:
Lukas Matt 2014-04-22 11:25:34 -04:00
parent 218845d5b4
commit 23d0890bdc
2 changed files with 8 additions and 7 deletions

View file

@ -133,17 +133,17 @@
padding-top: 10px; padding-top: 10px;
.controls { .controls {
.comment_delete { .comment_delete, .comment_report {
@include transition(opacity); @include transition(opacity);
@include opacity(0); @include opacity(0);
} }
} }
&:hover { &:hover {
.controls { .controls {
.comment_delete { .comment_delete, .comment_report {
@include opacity(0.3); @include opacity(0.3);
} }
.comment_delete:hover { .comment_delete:hover, .comment_report:hover {
@include opacity(1); @include opacity(1);
} }
} }

View file

@ -7,14 +7,15 @@
<div class="bd"> <div class="bd">
<div class="controls"> <div class="controls">
{{#unless authorIsCurrentUser}}
<a href="#" data-type="comment" class="comment_report" title="{{t "report.name"}}">
<div class="icons-report"/>
</a>
{{/unless}}
{{#if canRemove}} {{#if canRemove}}
<a href="#" class="delete comment_delete" title="{{t "delete"}}"> <a href="#" class="delete comment_delete" title="{{t "delete"}}">
<div alt="Deletelabel" class="icons-deletelabel" /> <div alt="Deletelabel" class="icons-deletelabel" />
<a/> <a/>
{{else}}
<a href="#" data-type="comment" class="comment_report" title="{{t "report.name"}}">
<div class="icons-report control_icon"/>
</a>
{{/if}} {{/if}}
</div> </div>