diff --git a/app/modules/components/vote-button/vote-button.jade b/app/modules/components/vote-button/vote-button.jade index 30b89e74..457f966b 100644 --- a/app/modules/components/vote-button/vote-button.jade +++ b/app/modules/components/vote-button/vote-button.jade @@ -1,4 +1,5 @@ -a( +//- Registered user button +a.vote-inner( href="" title="{{ 'COMMON.VOTE_BUTTON.BUTTON_TITLE' | translate }}" ng-if="::vm.user" @@ -13,3 +14,12 @@ a( title="{{ 'COMMON.VOTE_BUTTON.COUNTER_TITLE'|translate:{total:vm.item.total_voters||0}:'messageformat' }}", tg-loading="vm.loading" ) {{ vm.item.total_voters }} + +//- Anonymous user button + +span.vote-inner(ng-if="::!vm.user") + span.track-icon + include ../../../svg/upvote.svg + span.track-button-counter( + title="{{ 'COMMON.VOTE_BUTTON.COUNTER_TITLE'|translate:{total:vm.item.total_voters||0}:'messageformat' }}" + ) {{ ::vm.item.total_voters }} diff --git a/app/styles/components/track-btn.scss b/app/styles/components/track-btn.scss index 7cfb360b..ba944611 100644 --- a/app/styles/components/track-btn.scss +++ b/app/styles/components/track-btn.scss @@ -135,12 +135,14 @@ flex-basis: 3rem; justify-content: center; margin-right: .3rem; - a { + .vote-inner { background: $whitish; color: $gray-light; display: block; padding: 1rem; text-align: center; + } + a { &:hover { background: darken($whitish, 5%); color: $primary-dark;