diff options
| author | HJ <spam@hjkos.com> | 2019-02-07 22:45:08 +0000 |
|---|---|---|
| committer | HJ <spam@hjkos.com> | 2019-02-07 22:45:08 +0000 |
| commit | 62b3b9b8d4a71912d9e55e812f537f057698e323 (patch) | |
| tree | fbe98f5f1e86183e256a0e4214eefddae99f8c9d /src/components/user_card_content/user_card_content.vue | |
| parent | 9b49fa3c0c103ff7c62b5792e3b1f5c21d1f40e1 (diff) | |
| parent | 19dbdd24b41122ebcda71bcdf91ea61abfc123dd (diff) | |
Merge branch 'add-admin-and-moderator-fields-to-user-card-view' into 'develop'
Add admin and moderator indicators to the user profile
See merge request pleroma/pleroma-fe!519
Diffstat (limited to 'src/components/user_card_content/user_card_content.vue')
| -rw-r--r-- | src/components/user_card_content/user_card_content.vue | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue index ce65ec2f..7f9909c4 100644 --- a/src/components/user_card_content/user_card_content.vue +++ b/src/components/user_card_content/user_card_content.vue @@ -19,7 +19,9 @@ </div> <router-link class='user-screen-name' :to="userProfileLink(user)"> - <span class="handle">@{{user.screen_name}}</span><span v-if="user.locked"><i class="icon icon-lock"></i></span> + <span class="handle">@{{user.screen_name}} + <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="!hideUserStatsLocal && !hideBio" class="dailyAvg">{{dailyAvg}} {{ $t('user_card.per_day') }}</span> </router-link> </div> @@ -247,6 +249,15 @@ text-overflow: ellipsis; overflow: hidden; } + + // TODO use proper colors + .staff { + text-transform: capitalize; + color: $fallback--text; + color: var(--btnText, $fallback--text); + background-color: $fallback--fg; + background-color: var(--btn, $fallback--fg); + } } .user-meta { |