Chneemann/dabubble
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update design of the member list

Browse source
This commit is contained in:
Chneemann 2024-09-19 21:33:59 +02:00
parent f3b89f606d
commit 21be798e30
2 changed files with 19 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/app/components/main-chat/chat-msg-box/chat-msg-box.component.html
View file

@ -76,7 +76,8 @@
<div class="filteredElementWindow">
@if (toggleBoolean.selectUserInMsgBox) {
<div class="positionOfAllUsersInBox">
@for(user of userService.getFiltertUsers; track user){
@for(user of userService.getFiltertUsers; track user) { @if (user.id
!== userService.getCurrentUserId()) {
<div class="user" (click)="chooseUser(user)">
<div class="positionImg">
<img src="{{ user.avatar }}" class="avatarImg" />
@ -87,9 +88,9 @@
class="onlineIcon"
/>
</div>
<h1>{{ user.firstName }} {{ user.lastName }}</h1>
<p>{{ user.firstName }} {{ user.lastName }}</p>
</div>
}
} }
</div>
}
</div>
@ -110,20 +111,21 @@
@if (showChannels) { @for (i of checkIfUserHasAccessToChannel(); track
$index) {
<h3 class="user2" (click)="chooseElement(i)">{{ i.name }}</h3>
} }@else if (showUsers) { @for (i of userService.allUsers; track $index) {
<div class="user2" (click)="chooseElement(i)">
} }@else if (showUsers) { @for (user of userService.allUsers; track
$index) { @if (user.id !== userService.getCurrentUserId()) {
<div class="user2" (click)="chooseElement(user)">
<div class="positionImg2">
<img src="{{ i.avatar }}" class="avatarImg2" />
<img src="{{ user.avatar }}" class="avatarImg2" />
<img
src="./assets/img/{{
i.status ? 'onlineRing.svg' : 'offlineRing.svg'
user.status ? 'onlineRing.svg' : 'offlineRing.svg'
}}"
class="onlineIconFilterWindow"
/>
</div>
<h3>{{ i.firstName }} {{ i.lastName }}</h3>
<p>{{ user.firstName }} {{ user.lastName }}</p>
</div>
} }
} } }
</div>
}
</div>

8
src/app/components/main-chat/chat-msg-box/chat-msg-box.component.scss
View file

@ -138,6 +138,10 @@ app-emoji-picker {
background-color: #edeefe;
border-radius: 25px;
}
p {
font-size: 19px;
font-weight: 500;
}
.positionImg {
@include displayFlex($a: flex-end);
.avatarImg {
@ -191,6 +195,10 @@ app-emoji-picker {
background-color: #edeefe;
border-radius: 25px;
}
p {
font-size: 19px;
font-weight: 500;
}
.positionImg2 {
@include displayFlex($a: flex-end);
.avatarImg2 {