diff options
| author | HJ <30-hj@users.noreply.git.pleroma.social> | 2019-05-15 15:55:17 +0000 |
|---|---|---|
| committer | HJ <30-hj@users.noreply.git.pleroma.social> | 2019-05-15 15:55:17 +0000 |
| commit | 9eac355851b40aa5df9e6b23eca8c0ff1698e670 (patch) | |
| tree | daeb671828de79aaa63c5d20ab35821d55634eed | |
| parent | 2322610b62c8593e8ca71a2a8ae7057d4c39b480 (diff) | |
| parent | 5e0235fa63cc06196365c9a662b73cff5e3b6b3e (diff) | |
Merge branch '539' into 'develop'
Show post reply button and count when logged out as well
Closes #539
See merge request pleroma/pleroma-fe!793
| -rw-r--r-- | src/components/status/status.vue | 21 |
1 files changed, 10 insertions, 11 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 02715253..21077972 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -157,8 +157,9 @@ </transition> <div v-if="!noHeading && !isPreview" class='status-actions media-body'> - <div v-if="loggedIn"> - <i class="button-icon icon-reply" v-on:click.prevent="toggleReplying" :title="$t('tool_tip.reply')" :class="{'icon-reply-active': replying}"></i> + <div> + <i class="button-icon icon-reply" v-on:click.prevent="toggleReplying" :title="$t('tool_tip.reply')" :class="{'button-icon-active': replying}" v-if="loggedIn"/> + <i class="button-icon button-icon-disabled icon-reply" :title="$t('tool_tip.reply')" v-else /> <span v-if="status.replies_count > 0">{{status.replies_count}}</span> </div> <retweet-button :visibility='status.visibility' :loggedIn='loggedIn' :status='status'></retweet-button> @@ -570,15 +571,13 @@ $status-margin: 0.75em; } } -.icon-reply:hover { - color: $fallback--cBlue; - color: var(--cBlue, $fallback--cBlue); - cursor: pointer; -} - -.icon-reply.icon-reply-active { - color: $fallback--cBlue; - color: var(--cBlue, $fallback--cBlue); +.button-icon.icon-reply { + &:not(.button-icon-disabled):hover, + &.button-icon-active { + color: $fallback--cBlue; + color: var(--cBlue, $fallback--cBlue); + cursor: pointer; + } } .status:hover .animated.avatar { |