butter/keanu-weblite
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Add badges to the member list for moderators and admin

Browse source
This commit is contained in:
10G Meow 2024-03-24 12:23:15 +02:00
parent e3df541592
commit 9f93aa6bad
2 changed files with 24 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/assets/css/chat.scss
View file

@ -993,6 +993,19 @@ body {
}
}
.user-icon-with-badge {
display: inline;
.user-badge {
border: 0.5px solid rgba(0, 0, 0, 0.1);
position: absolute;
left: 35px;
top: 30px;
background: #FFFFFF;
padding: 10px;
}
}
.show-all {
color: black;
font-size: 14 * $chat-text-size;

17
src/components/RoomInfo.vue
View file

@ -214,12 +214,17 @@
@click="onListItemClick(member)"
>
<div>
<v-avatar class="avatar" size="32" color="grey">
<img v-if="memberAvatar(member)" :src="memberAvatar(member)" />
<span v-else class="white--text headline">{{
member.name.substring(0, 1).toUpperCase()
}}</span>
</v-avatar>
<div class="user-icon-with-badge">
<v-avatar class="avatar" size="32" color="grey">
<img v-if="memberAvatar(member)" :src="memberAvatar(member)" />
<span v-else class="white--text headline">{{
member.name.substring(0, 1).toUpperCase()
}}</span>
</v-avatar>
<v-avatar circle class="user-badge" size="15" v-if="isAdmin(member) || isModerator(member)">
<v-icon>{{ `$vuetify.icons.${isAdmin(member)? 'make_admin' : 'make_moderator'}` }}</v-icon>
</v-avatar>
</div>
<span class="user-name">
{{
member.userId == $matrix.currentUserId