From 4fa9fe2a2450804e63b98c17092addf5dfba21c1 Mon Sep 17 00:00:00 2001
From: khk <khk@gmail.com>
Date: Fri, 7 Feb 2020 10:35:44 +0900
Subject: [PATCH] =?UTF-8?q?[Issue=20-=20228]=20=EC=88=98=EC=A0=95=20?=
 =?UTF-8?q?=EB=B0=8F=20=EB=8B=A4=EC=9D=B4=EC=96=BC=EB=A1=9C=EA=B7=B8=20?=
 =?UTF-8?q?=EC=B0=BD=20=EB=8C=80=ED=99=94=EB=A6=AC=EC=8A=A4=ED=8A=B8=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chat/create-chat.dialog.component.html    |  4 +-
 .../chat/create-chat.dialog.component.scss    | 43 +++++++------------
 .../src/lib/components/write.component.scss   |  3 ++
 3 files changed, 21 insertions(+), 29 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html
index 42000cb5..612457ef 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html
@@ -194,6 +194,7 @@
               </mat-icon>
             </ng-template>
             <div fxFlexFill style="max-height: 508px;">
+              <perfect-scrollbar fxFlex="1 1 auto" >
               <div class="mat-tab-frame dialog-tab-chatlist">
                 <ucap-room-list-item
                   *ngFor="let room of roomList"
@@ -206,10 +207,11 @@
                   [multiCheckable]="false"
                   (checkRoom)="onCheckRoom($event)"
                   (click)="onToggleRoom(room)"
-                  class="chat"
+                  class="chat checkbox"
                 >
                 </ucap-room-list-item>
               </div>
+              </perfect-scrollbar>
             </div>
           </mat-tab>
         </mat-tab-group>
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss
index 563dd7cb..4bd2907a 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss
@@ -60,12 +60,23 @@
   }
 }
 
-.dialog-tab-chatlist {
-  height: 528px;
+::ng-deep .dialog-tab-chatlist {
+  height: 508px;
   width: 100%;
   .chat {
     width: 100%;
   }
+  .chat.checkbox {
+    & > .list-item {
+      padding: 0 10px;
+      .item-default {
+        width: calc(100% - 30px);
+      }
+      .mat-badge {
+        display: none;
+      }
+    }
+  }
 }
 
 ::ng-deep .dialog-tab-orglist {
@@ -158,32 +169,8 @@
     }
   }
 }
-::ng-deep .ps-content {
+/*::ng-deep .ps-content {
   .cdk-virtual-scroll-viewport {
     height: 100%;
   }
-}
-/*:
-.mat-tab-frame {
-  width: 100%;
-  height: 100%;
-  .list-panel {
-    width: 100%;
-    height: calc(100% - 60px);
-    .group-expansion {
-      .list-item {
-        height: 70px;
-      }
-    }
-  }
-}
-::ng-deep .mat-card > .mat-tab-labels {
-  border-bottom: 2px solid #dddddd;
-}
-
-
-.list-item-frame {
-  width: 100%;
-  height: 100%;
-}
-*/
+}*/
diff --git a/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.scss b/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.scss
index 4eb4ea0c..07a1e150 100644
--- a/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.scss
+++ b/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.scss
@@ -11,6 +11,9 @@
   }
 
   .message-write-body {
+    white-space: pre-wrap;
+    word-wrap: normal;
+    overflow: auto;
     [contenteditable]:hover {
       background: #fafafa;
     }