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
@@ -60,6 +60,12 @@
    min-width: 100px;
  }

+  .user-list {
+    flex: 0 0 auto;
+    width: max-content;
+    min-width: 100px;
+  }
+
  .chat {
    display: flex;
    flex-direction: column;
@@ -70,6 +76,16 @@
    .chat-info {
      flex: 0 0 auto;
      padding: 5px 5px 2px 5px;
+
+      .chat-info-container {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+
+        app-chat-info {
+          flex: 1 1 auto;
+        }
+      }
    }

    .chat-box {