From 15a7151ade2cfb0a69216cac13e34ed255099aff Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Sun, 15 Apr 2018 08:04:16 +0300 Subject: [PATCH] Entire area around user counters are clickable now, not just the header-link --- .../user_card_content/user_card_content.js | 6 +++-- .../user_card_content/user_card_content.vue | 27 ++++++++++++------- 2 files changed, 21 insertions(+), 12 deletions(-) diff --git a/src/components/user_card_content/user_card_content.js b/src/components/user_card_content/user_card_content.js index a6e44d90..4ee84b0e 100644 --- a/src/components/user_card_content/user_card_content.js +++ b/src/components/user_card_content/user_card_content.js @@ -61,8 +61,10 @@ export default { store.state.api.backendInteractor.setUserMute(this.user) }, setProfileView (v) { - const store = this.$store - store.commit('setProfileView', { v }) + if (this.switcher) { + const store = this.$store + store.commit('setProfileView', { v }) + } } } } diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue index 90b5c5cf..5c139dca 100644 --- a/src/components/user_card_content/user_card_content.vue +++ b/src/components/user_card_content/user_card_content.vue @@ -74,20 +74,17 @@
-
-
-
{{ $t('user_card.statuses') }}
-
{{ $t('user_card.statuses') }}
+
+
+
{{ $t('user_card.statuses') }}
{{user.statuses_count}}
-
-
{{ $t('user_card.followees') }}
-
{{ $t('user_card.followees') }}
+
+
{{ $t('user_card.followees') }}
{{user.friends_count}}
-
-
{{ $t('user_card.followers') }}
-
{{ $t('user_card.followers') }}
+
+
{{ $t('user_card.followers') }}
{{user.followers_count}}
@@ -239,6 +236,16 @@ text-align: center; justify-content: space-between; text-shadow: $usercard-text-shadow; + + &.clickable { + .user-count { + cursor: pointer; + + &:hover:not(.selected) { + background-color: rgba(0,0,0,.1); + } + } + } } .user-count {