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

Update overlay design for improved appearance

Browse source
This commit is contained in:
Chneemann 2024-09-16 04:50:06 +02:00
parent 5e826483f7
commit ff7e7c8810
2 changed files with 167 additions and 161 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/app/components/main-chat/channel-information/channel-information.component.html
View file

@ -1,5 +1,6 @@
<div class="menu" (click)="closeMenu()"> <div class="menu" (click)="closeMenu()">
<div class="whiteBox" (click)="preventCloseWhiteBox($event)"> <div class="whiteBox" (click)="preventCloseWhiteBox($event)">
<div class="content">
@for (channel of getChannelName(currentChannel); track channel) { @for (channel of getChannelName(currentChannel); track channel) {
<div class="headerBox"> <div class="headerBox">
<div class="headline"> <div class="headline">
@ -129,8 +130,8 @@
</div> </div>
<div class="allUsers"> <div class="allUsers">
@for(allMembers of getAllChannelMembers(currentChannel)[0].addedUser; @for(allMembers of getAllChannelMembers(currentChannel)[0].addedUser;
track allMembers) { @for (user of getChatUsers(allMembers); track user) track allMembers) { @for (user of getChatUsers(allMembers); track
{ user) {
<div class="user" (click)="openUserWindow(user)"> <div class="user" (click)="openUserWindow(user)">
<div class="imgBox"> <div class="imgBox">
<img src="{{ user.avatar }}" class="userImg" /> <img src="{{ user.avatar }}" class="userImg" />
@ -167,4 +168,5 @@
</button> </button>
</div> </div>
</div> </div>
</div>
</div> </div>

4
src/app/components/main-chat/channel-information/channel-information.component.scss
View file

@ -20,6 +20,10 @@
left: 460px; left: 460px;
height: fit-content; height: fit-content;
overflow: none; overflow: none;
.content {
overflow: auto;
max-height: 580px;
}
} }
} }