179 lines
3.1 KiB
SCSS
179 lines
3.1 KiB
SCSS
.dialog-creat-chat {
|
|
height: 100%;
|
|
& > .mat-card-header {
|
|
.btn-dialog-close {
|
|
font-size: 20px;
|
|
display: flex;
|
|
margin-left: auto;
|
|
align-self: flex-start;
|
|
color: #444444;
|
|
}
|
|
}
|
|
& > .mat-card-content {
|
|
position: relative;
|
|
.mat-card-content-frame {
|
|
height: calc(100% - 50px);
|
|
.container {
|
|
height: 100%;
|
|
.container-frame {
|
|
height: 300px;
|
|
}
|
|
}
|
|
}
|
|
//그룹이름 폼 있는 경우
|
|
.newgroup-form {
|
|
height: 70px;
|
|
& + .mat-card-content-frame {
|
|
height: calc(100% - 120px);
|
|
.container {
|
|
.mat-tab-frame {
|
|
.mat-tab-group {
|
|
& > .mat-tab-body {
|
|
height: 380px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
& > .mat-tab-body-wrapper {
|
|
height: calc(100% - 50px);
|
|
.mat-tag-body {
|
|
& > .dialog-tab-orglist {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.dialog-tab-grouplist {
|
|
height: calc(100% - 130px);
|
|
width: 100%;
|
|
.group,
|
|
.search-result {
|
|
width: 100%;
|
|
height: calc(100% - 50px);
|
|
&-expansion {
|
|
.list-item {
|
|
height: 60px;
|
|
}
|
|
}
|
|
&-list-item {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
/*::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 {
|
|
width: 100%;
|
|
height: calc(100% - 130px);
|
|
border-bottom: 1px solid #dddddd;
|
|
position: relative;
|
|
.oraganization {
|
|
.ps__rail-y {
|
|
left: auto !important;
|
|
}
|
|
&-tab {
|
|
width: 100%;
|
|
height: calc(100% - 50px);
|
|
position: relative;
|
|
&-tree {
|
|
display: inline-flex;
|
|
width: 50%;
|
|
height: 100% !important;
|
|
border-right: 1px solid #dddddd;
|
|
overflow: auto;
|
|
.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);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.list-chip {
|
|
height: 100px;
|
|
width: 100%;
|
|
padding: 10px;
|
|
border: 1px solid #dddddd;
|
|
overflow: auto;
|
|
background-color: #f9f9f9;
|
|
margin-top: 10px;
|
|
}
|
|
.mat-chip.mat-standard-chip .mat-chip-remove {
|
|
}
|
|
|
|
.confirm-card {
|
|
.mat-card-content {
|
|
.content-box {
|
|
flex-direction: column;
|
|
flex-flow: column;
|
|
}
|
|
}
|
|
.button-form {
|
|
text-align: right;
|
|
.mat-primary {
|
|
margin-left: 4px;
|
|
}
|
|
}
|
|
}
|
|
|
|
/*::ng-deep .dialog-creat-chat {
|
|
& > .mat-tab-body-wrapper {
|
|
.mat-tab-body {
|
|
height: 380px;
|
|
&:nth-child(3) {
|
|
height: 480px;
|
|
}
|
|
.mat-tab-body-content {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
*/
|
|
|
|
.mat-card-content {
|
|
.mat-card-content-frame {
|
|
height: 100%;
|
|
.container {
|
|
height: 100%;
|
|
.mat-tab-group {
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|