+
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 25101ef4..9455060d 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
@@ -1,47 +1,67 @@
-.mat-card-header {
- .mat-card-header-text {
- margin: 0;
- }
- .btn-dialog-close {
- font-size: 20px;
- display: flex;
- margin-left: auto;
- align-self: flex-start;
- color: #444444;
+.dialog-creat-chat {
+ & > .mat-card-header {
+ .btn-dialog-close {
+ font-size: 20px;
+ display: flex;
+ margin-left: auto;
+ align-self: flex-start;
+ color: #444444;
+ }
}
}
-//조직도 레이아웃 변경
-::ng-deep .dialog-org {
- .ps__rail-y {
- left: auto !important;
- }
-
- .oraganization-tab {
+.dialog-tab-grouplist {
+ height: 380px;
+ width: 100%;
+ .group {
width: 100%;
- height: 380px;
- border-bottom: 1px solid #dddddd;
- position: relative;
- .oraganization-tab-tree {
- display: inline-flex;
- width: 50%;
- height: 100% !important;
- border-right: 1px solid #dddddd;
- overflow: auto;
- .tab-tree-frame {
- width: 100%;
- height: 100%;
+ height: calc(100% - 50px);
+ &-expansion {
+ .list-item {
+ height: 60px;
}
}
- .select-list {
- display: inline-flex;
- flex-direction: column;
- width: 50%;
- height: 100% !important;
- overflow: auto;
- .search-list {
+ &-list-item {
+ width: 100%;
+ }
+ }
+}
+
+::ng-deep .dialog-tab-orglist {
+ width: 100%;
+ height: 380px;
+ border-bottom: 1px solid #dddddd;
+ position: relative;
+ .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;
+ border-right: 1px solid #dddddd;
overflow: auto;
- height: calc(100% - 40px);
+ .tab-tree-frame {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ .select-list {
+ display: inline-flex;
+ flex-direction: column;
+ width: 50%;
+ height: 100% !important;
+ overflow: auto;
+ .search-list {
+ overflow: auto;
+ height: calc(100% - 40px);
+ }
}
}
}
@@ -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%;
}
+*/