210번 수정(다이알로그 창 영역수정)

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html

@@ -68,7 +68,7 @@
                 <i class="mid mid-24 mdi-account-multiple"></i>
               </button>
             </ng-template>
-            <div class="mat-tab-frame">
+            <div class="mat-tab-frame dialog-tab-grouplist">
               <div>
                 <ucap-organization-tenant-search
                   [companyList]="companyList$ | async"
@@ -81,7 +81,7 @@
               </div>
               <div
                 [style.display]="isShowSearch ? 'none' : 'block'"
-                class="list-panel"
+                class="group"
               >
                 <ucap-group-expansion-panel
                   #groupExpansionPanel
@@ -103,7 +103,7 @@
                     [checkDisabled]="!getCheckableUser(userInfo)"
                     (checkUser)="onCheckUser($event)"
                     (click)="onToggleUser(userInfo)"
-                    class="list-item-frame"
+                    class="group-list-item"
                   >
                   </ucap-profile-user-list-item>
                 </ucap-group-expansion-panel>
@@ -154,7 +154,7 @@
                 <i class="mid mid-24 mdi-file-tree"></i>
               </button>
             </ng-template>
-            <div>
+            <div class="dialog-tab-orglist">
               <app-layout-chat-left-sidenav-organization
                 [showTitle]="false"
                 [selectedUserList]="selectedUserList"
@@ -164,7 +164,7 @@
                 (checkAllUser)="onCheckAllUser($event)"
                 (checkUser)="onCheckUser($event)"
                 (toggleUser)="onToggleUser($event)"
-                class="dialog-org"
+                class="oraganization"
               >
               </app-layout-chat-left-sidenav-organization>
             </div>

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss

@@ -1,7 +1,5 @@
-.mat-card-header {
-  .mat-card-header-text {
-    margin: 0;
-  }
+.dialog-creat-chat {
+  & > .mat-card-header {
     .btn-dialog-close {
       font-size: 20px;
       display: flex;
@@ -9,20 +7,41 @@
       align-self: flex-start;
       color: #444444;
     }
+  }
 }
 
-//조직도 레이아웃 변경
-::ng-deep .dialog-org {
-  .ps__rail-y {
-    left: auto !important;
+.dialog-tab-grouplist {
+  height: 380px;
+  width: 100%;
+  .group {
+    width: 100%;
+    height: calc(100% - 50px);
+    &-expansion {
+      .list-item {
+        height: 60px;
       }
+    }
+    &-list-item {
+      width: 100%;
+    }
+  }
+}
 
-  .oraganization-tab {
+::ng-deep .dialog-tab-orglist {
   width: 100%;
   height: 380px;
   border-bottom: 1px solid #dddddd;
   position: relative;
-    .oraganization-tab-tree {
+  .oraganization {
+    .ps__rail-y {
+      left: auto !important;
+    }
+    &-tab {
+      width: 100%;
+      height: 380px;
+      border-bottom: 1px solid #dddddd;
+      position: relative;
+      &-tree {
         display: inline-flex;
         width: 50%;
         height: 100% !important;
@@ -45,6 +64,7 @@
         }
       }
     }
+  }
 }
 
 .list-chip {
@@ -82,7 +102,7 @@
   }
 }
 
-::ng-deep .mat-dialog-container {
+/*::ng-deep .mat-dialog-container {
   .mat-tab-body-wrapper {
     height: 380px;
     width: 100%;
@@ -123,3 +143,4 @@
   width: 100%;
   height: 100%;
 }
+*/