diff --git a/src/views/preview/comment/comment.jsx b/src/views/preview/comment/comment.jsx index 695dd13aa..4b498ac72 100644 --- a/src/views/preview/comment/comment.jsx +++ b/src/views/preview/comment/comment.jsx @@ -158,7 +158,7 @@ class Comment extends React.Component { className="comment-report" onClick={this.handleReport} > - + )} diff --git a/src/views/preview/comment/comment.scss b/src/views/preview/comment/comment.scss index 53644e822..24fd039d2 100644 --- a/src/views/preview/comment/comment.scss +++ b/src/views/preview/comment/comment.scss @@ -289,3 +289,7 @@ margin-right: -50%; } } + +/* Hide the action list buttons (delete/report/restore) until hover over */ +.comment .action-list { opacity: 0; } +.comment:hover .action-list { opacity: 1; }