From 55df25742b61afacb35db9f61b31551d27529f03 Mon Sep 17 00:00:00 2001
From: leejh <leejh@biztechpartners.co.kr>
Date: Tue, 5 Nov 2019 18:12:31 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8C=80=ED=99=94=EB=A6=AC=EC=8A=A4=ED=8A=B8?=
 =?UTF-8?q?=20PS=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=A0=95?=
 =?UTF-8?q?=EB=A6=AC.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../left-sidenav/chat.component.html          | 99 ++++++++++---------
 .../left-sidenav/chat.component.scss          |  2 +-
 2 files changed, 51 insertions(+), 50 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html
index dcdb7630..a4d6f0c0 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html
@@ -48,25 +48,11 @@
       </form>
     </div>
   </div>
-
-  <div *ngIf="!isSearch" class="app-layout-chat-left-sidenav-chat-list">
-    <perfect-scrollbar fxFlex="1 1 auto">
-      <ucap-room-list-item
-        *ngFor="let room of roomList"
-        [loginRes]="loginRes"
-        [roomInfo]="room"
-        [roomUserInfo]="getRoomUserList(room)"
-        [sessionVerinfo]="sessionVerinfo"
-        (click)="onSelectedRoom(room)"
-        (contextmenu)="onContextMenuChat($event, room)"
-      >
-      </ucap-room-list-item>
-      <!-- <cdk-virtual-scroll-viewport
-    itemSize="20"
-    class="app-layout-chat-left-sidenav-chat-list-viewport"
-  >
+</div>
+<div *ngIf="!isSearch" class="app-layout-chat-left-sidenav-chat-list">
+  <perfect-scrollbar fxFlex="1 1 auto">
     <ucap-room-list-item
-      *cdkVirtualFor="let room of getRoomList()"
+      *ngFor="let room of roomList"
       [loginRes]="loginRes"
       [roomInfo]="room"
       [roomUserInfo]="getRoomUserList(room)"
@@ -75,10 +61,25 @@
       (contextmenu)="onContextMenuChat($event, room)"
     >
     </ucap-room-list-item>
-  </cdk-virtual-scroll-viewport> -->
-    </perfect-scrollbar>
-  </div>
-  <div *ngIf="!!isSearch" class="app-layout-chat-left-sidenav-chat-list search">
+  </perfect-scrollbar>
+  <!-- <cdk-virtual-scroll-viewport
+        itemSize="20"
+        class="app-layout-chat-left-sidenav-chat-list-viewport"
+      >
+        <ucap-room-list-item
+          *cdkVirtualFor="let room of getRoomList()"
+          [loginRes]="loginRes"
+          [roomInfo]="room"
+          [roomUserInfo]="getRoomUserList(room)"
+          [sessionVerinfo]="sessionVerinfo"
+          (click)="onSelectedRoom(room)"
+          (contextmenu)="onContextMenuChat($event, room)"
+        >
+        </ucap-room-list-item>
+      </cdk-virtual-scroll-viewport> -->
+</div>
+<div *ngIf="!!isSearch" class="app-layout-chat-left-sidenav-chat-list search">
+  <perfect-scrollbar fxFlex="1 1 auto">
     <ucap-room-list-item
       *ngFor="let room of searchRoomList"
       [loginRes]="loginRes"
@@ -89,7 +90,8 @@
       (contextmenu)="onContextMenuChat($event, room)"
     >
     </ucap-room-list-item>
-    <!-- <cdk-virtual-scroll-viewport
+  </perfect-scrollbar>
+  <!-- <cdk-virtual-scroll-viewport
     itemSize="20"
     class="app-layout-chat-left-sidenav-chat-list-viewport"
   >
@@ -104,30 +106,29 @@
     >
     </ucap-room-list-item>
   </cdk-virtual-scroll-viewport> -->
-  </div>
-
-  <div
-    style="visibility: hidden; position: fixed"
-    [style.left]="chatContextMenuPosition.x"
-    [style.top]="chatContextMenuPosition.y"
-    #chatContextMenuTrigger="matMenuTrigger"
-    [matMenuTriggerFor]="chatContextMenu"
-  ></div>
-  <mat-menu
-    #chatContextMenu="matMenu"
-    [hasBackdrop]="false"
-    (ucapClickOutside)="chatContextMenuTrigger.closeMenu()"
-  >
-    <ng-template matMenuContent let-roomInfo="roomInfo">
-      <button mat-menu-item (click)="onSelectedRoom(roomInfo)">
-        대화방 열기
-      </button>
-      <button mat-menu-item (click)="onClickToggleAlarm(roomInfo)">
-        대화방 알람 {{ roomInfo.receiveAlarm ? '끄기' : '켜기' }}
-      </button>
-      <button mat-menu-item (click)="onClickExit(roomInfo)">
-        대화방 나가기
-      </button>
-    </ng-template>
-  </mat-menu>
 </div>
+
+<div
+  style="visibility: hidden; position: fixed"
+  [style.left]="chatContextMenuPosition.x"
+  [style.top]="chatContextMenuPosition.y"
+  #chatContextMenuTrigger="matMenuTrigger"
+  [matMenuTriggerFor]="chatContextMenu"
+></div>
+<mat-menu
+  #chatContextMenu="matMenu"
+  [hasBackdrop]="false"
+  (ucapClickOutside)="chatContextMenuTrigger.closeMenu()"
+>
+  <ng-template matMenuContent let-roomInfo="roomInfo">
+    <button mat-menu-item (click)="onSelectedRoom(roomInfo)">
+      대화방 열기
+    </button>
+    <button mat-menu-item (click)="onClickToggleAlarm(roomInfo)">
+      대화방 알람 {{ roomInfo.receiveAlarm ? '끄기' : '켜기' }}
+    </button>
+    <button mat-menu-item (click)="onClickExit(roomInfo)">
+      대화방 나가기
+    </button>
+  </ng-template>
+</mat-menu>
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.scss
index f2825fce..d20d2b76 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.scss
@@ -70,7 +70,7 @@
 }
 
 .app-layout-chat-left-sidenav-chat-list {
-  height: calc(100% - 60px);
+  height: calc(100% - 120px);
 }
 
 .app-layout-chat-left-sidenav-chat-list-viewport {