ucap-lg-mockup/src/app/pages/common/popup/new-chat.component.scss
richard-loafle 921846521a ing
2020-05-08 15:31:07 +09:00

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%;
}
}
}
}