diff --git a/web/app/components/comment/__vote/_disabled/comment__vote_disabled.scss b/web/app/components/comment/__vote/_disabled/comment__vote_disabled.scss index 820a3300..c82a5001 100644 --- a/web/app/components/comment/__vote/_disabled/comment__vote_disabled.scss +++ b/web/app/components/comment/__vote/_disabled/comment__vote_disabled.scss @@ -1,6 +1,6 @@ .comment__vote_disabled { &, &:hover { - border-top-color: #ededed; + color: #ededed; cursor: not-allowed; } } diff --git a/web/app/components/comment/__vote/_selected/comment__vote_selected.scss b/web/app/components/comment/__vote/_selected/comment__vote_selected.scss index 41d8cdce..61adba9e 100644 --- a/web/app/components/comment/__vote/_selected/comment__vote_selected.scss +++ b/web/app/components/comment/__vote/_selected/comment__vote_selected.scss @@ -1,4 +1,4 @@ .comment__vote_selected { - border-top-color: #0aa; + color: #0aa; cursor: default; } diff --git a/web/app/components/comment/__vote/_type/_up/comment__vote_type_up.scss b/web/app/components/comment/__vote/_type/_up/comment__vote_type_up.scss index b09ea2d8..ac2bb6eb 100644 --- a/web/app/components/comment/__vote/_type/_up/comment__vote_type_up.scss +++ b/web/app/components/comment/__vote/_type/_up/comment__vote_type_up.scss @@ -1,4 +1,3 @@ .comment__vote_type_up { - transform: scale(1, -1); margin-right: 4px; } diff --git a/web/app/components/comment/__vote/comment__vote.scss b/web/app/components/comment/__vote/comment__vote.scss index d1a9efa7..8aa8dc2b 100644 --- a/web/app/components/comment/__vote/comment__vote.scss +++ b/web/app/components/comment/__vote/comment__vote.scss @@ -1,13 +1,11 @@ .comment__vote { display: inline-block; - border-top: 9px solid #dedede; - border-right: 7px solid transparent; - border-left: 7px solid transparent; - font-size: 0; - line-height: 0; + font-size: 14px; + line-height: 1; + color: #dedede; cursor: pointer; &:hover { - border-top-color: #0aa; + color: #0aa; } } diff --git a/web/app/components/comment/comment.jsx b/web/app/components/comment/comment.jsx index 72d6426d..598d40dd 100644 --- a/web/app/components/comment/comment.jsx +++ b/web/app/components/comment/comment.jsx @@ -277,8 +277,8 @@ export default class Comment extends Component { Vote up + title={isGuest ? 'Only authorized users are allowed to vote' : (isCurrentUser ? 'You can\'t vote for your own comment' : 'Vote up')} + >⬆ {o.score.sign}{o.score.value} @@ -288,8 +288,8 @@ export default class Comment extends Component { Vote down + title={isGuest ? 'Only authorized users are allowed to vote' : (isCurrentUser ? 'You can\'t vote for your own comment' : 'Vote down')} + >⬇