AkkomaGang/akkoma-fe
5
13
Fork 64
Code Issues 80 Pull requests 19 Projects Releases 1 Wiki Activity

make staff label visible

Browse source
This commit is contained in:
taehoon 2019-05-19 14:25:02 -04:00
parent e01ffc67c6
commit 205a9821e6
1 changed files with 4 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/user_card/user_card.vue
View file

@ -19,10 +19,8 @@
</div> </div>
<div class="bottom-line"> <div class="bottom-line">
<span class="user-screen-name-role"> <router-link class="user-screen-name" :to="userProfileLink(user)">@{{user.screen_name}}</router-link>
<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 class="alert staff" v-if="!hideBio && !!visibleRole">{{visibleRole}}</span>
</span>
<span v-if="user.locked"><i class="icon icon-lock"></i></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> <span v-if="!hideUserStatsLocal && !hideBio" class="dailyAvg">{{dailyAvg}} {{ $t('user_card.per_day') }}</span>
</div> </div>
@ -277,14 +275,11 @@
font-weight: light; font-weight: light;
font-size: 15px; font-size: 15px;
.user-screen-name-role { .user-screen-name {
min-width: 1px; min-width: 1px;
flex: 0 1 auto; flex: 0 1 auto;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
}
.user-screen-name {
color: $fallback--lightText; color: $fallback--lightText;
color: var(--lightText, $fallback--lightText); color: var(--lightText, $fallback--lightText);
} }
@ -300,6 +295,7 @@
// TODO use proper colors // TODO use proper colors
.staff { .staff {
flex: none;
text-transform: capitalize; text-transform: capitalize;
color: $fallback--text; color: $fallback--text;
color: var(--btnText, $fallback--text); color: var(--btnText, $fallback--text);