From 0ce3dac5a80da7c6bc0933d34fdcad0e1fa85a96 Mon Sep 17 00:00:00 2001
From: leejinho <lilis7575@gmail.com>
Date: Tue, 19 Nov 2019 11:41:39 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9C=A0=EC=A0=80=EC=84=A0=ED=83=9D=20?=
 =?UTF-8?q?=ED=8C=9D=EC=97=85=20scss=20=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    |  1 +
 .../chat/create-chat.dialog.component.scss    | 67 ++++++++++---------
 2 files changed, 37 insertions(+), 31 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 96ff3375..7c959900 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
@@ -85,6 +85,7 @@
                       [isChecked]="getCheckedUser(userInfo)"
                       [checkable]="true"
                       (checkUser)="onCheckUser($event)"
+                      class="list-item-frame"
                     >
                     </ucap-profile-user-list-item>
                   </ucap-group-expansion-panel>
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 34c00cc5..dc8856aa 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
@@ -6,25 +6,25 @@
 ::ng-deep .dialog-org {
   .oraganization-tab {
     width: 100%;
-    height:380px;
+    height: 380px;
     border-bottom: 1px solid #dddddd;
     position: relative;
     .oraganization-tab-tree {
       display: inline-flex;
       width: 50%;
-      height:100% !important;
+      height: 100% !important;
       border-right: 1px solid #dddddd;
       overflow: auto;
-      .tab-tree-frame{
-        width:100%;
-        height:100%;
+      .tab-tree-frame {
+        width: 100%;
+        height: 100%;
       }
     }
     .select-list {
       display: inline-flex;
       flex-direction: column;
       width: 50%;
-      height:100% !important;
+      height: 100% !important;
       overflow: auto;
       .search-list {
         overflow: auto;
@@ -37,12 +37,12 @@
 .list-chip {
   height: 100px;
   width: 100%;
-  padding:10px;
-  border:1px solid #dddddd;
+  padding: 10px;
+  border: 1px solid #dddddd;
   overflow: auto;
-  background-color:#f9f9f9;
+  background-color: #f9f9f9;
 }
-.mat-chip.mat-standard-chip .mat-chip-remove{
+.mat-chip.mat-standard-chip .mat-chip-remove {
   line-height: 24px;
 }
 .confirm-card {
@@ -71,34 +71,39 @@
 
 ::ng-deep .mat-dialog-container .mat-tab-body-wrapper {
   height: 380px;
-  width:100%;
-  .mat-tab-body{
-    width:100%;
-    height:100%;
-    .mat-tab-body-content{
-      width:100%;
-      height:100%;
+  width: 100%;
+  .mat-tab-body {
+    width: 100%;
+    height: 100%;
+    .mat-tab-body-content {
+      width: 100%;
+      height: 100%;
     }
   }
 }
-.mat-tab-frame{
-  width:100%;
-  height:100%;
-  .list-panel{
-    width:100%;
+.mat-tab-frame {
+  width: 100%;
+  height: 100%;
+  .list-panel {
+    width: 100%;
     height: calc(100% - 60px);
-    .group-expansion{
-      .list-item{
-        height:70px;
+    .group-expansion {
+      .list-item {
+        height: 70px;
       }
     }
   }
 }
-.mat-tab-group>.mat-tab-header .mat-tab-label{
-  border-bottom:2px solid #dddddd;
+.mat-tab-group > .mat-tab-header .mat-tab-label {
+  border-bottom: 2px solid #dddddd;
 }
-::ng-deep .ps-content{
- .cdk-virtual-scroll-viewport{
-  height:100%;
+::ng-deep .ps-content {
+  .cdk-virtual-scroll-viewport {
+    height: 100%;
   }
-}
\ No newline at end of file
+}
+
+.list-item-frame {
+  width: 100%;
+  height: 100%;
+}