Add user list toggle with responsive visibility in ChatService and ChatInfoComponent, implement UserListComponent, and update styles for user list and toggles.

2026-08-09 00:59:44 +02:00
parent 2705cf14ab
commit 8c02543bca
14 changed files with 223 additions and 17 deletions
@@ -7,11 +7,19 @@
    }
    <span class="message-count">({{ chatChannel.totalMessages }})</span>
  </span>
+    <div class="user-list-toggle" (click)="toggleUserList()" [class.active]="userListVisible()">
+      <svg-users [style.color]="getServerTextColor(chatChannel.name)"/>
+      @if (isMobile()) {
+        <span [style.color]="getServerTextColor(chatChannel.name)">
+          {{ userListVisible() ? 'Channels' : 'Users' }}
+        </span>
+      }
+    </div>
    <div class="notification-icon">
      @if (notificationEnabled()) {
-        <svg-notification-enabled (click)="disableNotifications()"/>
+        <svg-notification-enabled (click)="disableNotifications()" [style.color]="getServerTextColor(chatChannel.name)"/>
      } @else {
-        <svg-notification-disabled (click)="enableNotifications()"/>
+        <svg-notification-disabled (click)="enableNotifications()" [style.color]="getServerTextColor(chatChannel.name)"/>
      }
    </div>
  </div>