ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

수정중

Browse Source
This commit is contained in:
khk 2020-02-06 18:43:24 +09:00
parent cffe62986e
commit 026cc4ccbd
2 changed files with 39 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -201,7 +201,7 @@
</div> </div>
</mat-tab> </mat-tab>
</mat-tab-group> </mat-tab-group>
</div>
<div *ngIf="isShowSelectedUserList" class="list-chip"> <div *ngIf="isShowSelectedUserList" class="list-chip">
<mat-chip-list aria-label="User selection"> <mat-chip-list aria-label="User selection">
<mat-chip <mat-chip
@ -221,6 +221,7 @@
{{ 'common.units.persons' | translate }}</span {{ 'common.units.persons' | translate }}</span
> >
</div> </div>
</div>
</mat-card-content> </mat-card-content>
<mat-card-actions class="button-farm flex-row"> <mat-card-actions class="button-farm flex-row">
<button <button

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

@ -1,4 +1,5 @@
.dialog-creat-chat { .dialog-creat-chat {
height: 100%;
& > .mat-card-header { & > .mat-card-header {
.btn-dialog-close { .btn-dialog-close {
font-size: 20px; font-size: 20px;
@ -9,10 +10,36 @@
} }
} }
& > .mat-card-content { & > .mat-card-content {
height: 568px; //height: 568px;
position: relative;
.container {
height: 100%;
.container-frame {
height: 530px;
}
}
//그룹이름 폼 있는 경우
.newgroup-form {
height: 70px;
+ .container {
height: calc(100% - 70px);
.container-frame {
.mat-tab-group {
& > .mat-tab-body {
height: 380px;
}
}
}
}
}
} }
& > .mat-tab-body-wrapper { & > .mat-tab-body-wrapper {
height: calc(100% - 50px); height: calc(100% - 50px);
.mat-tag-body {
& > .dialog-tab-orglist {
}
}
} }
} }
@ -34,7 +61,7 @@
} }
.dialog-tab-chatlist { .dialog-tab-chatlist {
height: 518px; height: 528px;
width: 100%; width: 100%;
.chat { .chat {
width: 100%; width: 100%;
@ -52,7 +79,7 @@
} }
&-tab { &-tab {
width: 100%; width: 100%;
height: 380px; height: 100%;
border-bottom: 1px solid #dddddd; border-bottom: 1px solid #dddddd;
position: relative; position: relative;
&-tree { &-tree {
@ -88,6 +115,7 @@
border: 1px solid #dddddd; border: 1px solid #dddddd;
overflow: auto; overflow: auto;
background-color: #f9f9f9; background-color: #f9f9f9;
margin-top: 10px;
} }
.mat-chip.mat-standard-chip .mat-chip-remove { .mat-chip.mat-standard-chip .mat-chip-remove {
line-height: 24px; line-height: 24px;
@ -116,11 +144,13 @@
} }
} }
:ng-deep .mat-dialog-container { :ng-deep .dialog-creat-chat {
.mat-tab-body-wrapper { & > .mat-tab-body-wrapper {
.mat-tab-body { .mat-tab-body {
width: 100%; height: 380px;
height: 100%; &:nth-child(3) {
height: 480px;
}
.mat-tab-body-content { .mat-tab-body-content {
width: 100%; width: 100%;
height: 100%; height: 100%;