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 6cfcb3ba..f6a91939 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 @@ -68,7 +68,7 @@ -
+
@@ -154,7 +154,7 @@ -
+
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%; } +*/