diff options
Diffstat (limited to 'src/components/user_card/user_card.vue')
| -rw-r--r-- | src/components/user_card/user_card.vue | 12 |
1 files changed, 4 insertions, 8 deletions
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue index 530f56e0..b4495673 100644 --- a/src/components/user_card/user_card.vue +++ b/src/components/user_card/user_card.vue @@ -19,10 +19,8 @@ </div> <div class="bottom-line"> - <span class="user-screen-name-role"> - <router-link class="user-screen-name" :to="userProfileLink(user)">@{{user.screen_name}}</router-link> - <span class="alert staff" v-if="!hideBio && !!visibleRole">{{visibleRole}}</span> - </span> + <router-link class="user-screen-name" :to="userProfileLink(user)">@{{user.screen_name}}</router-link> + <span class="alert staff" v-if="!hideBio && !!visibleRole">{{visibleRole}}</span> <span v-if="user.locked"><i class="icon icon-lock"></i></span> <span v-if="!hideUserStatsLocal && !hideBio" class="dailyAvg">{{dailyAvg}} {{ $t('user_card.per_day') }}</span> </div> @@ -277,14 +275,11 @@ font-weight: light; font-size: 15px; - .user-screen-name-role { + .user-screen-name { min-width: 1px; flex: 0 1 auto; text-overflow: ellipsis; overflow: hidden; - } - - .user-screen-name { color: $fallback--lightText; color: var(--lightText, $fallback--lightText); } @@ -300,6 +295,7 @@ // TODO use proper colors .staff { + flex: none; text-transform: capitalize; color: $fallback--text; color: var(--btnText, $fallback--text); |