Merge branch 'master' of https://git.loafle.net/ucap-web/next-ucap-messenger
This commit is contained in:
commit
f47ebc11d6
|
@ -83,13 +83,15 @@
|
||||||
*ngFor="let groupBuddy of groupBuddyList$ | async"
|
*ngFor="let groupBuddy of groupBuddyList$ | async"
|
||||||
[value]="groupBuddy.group"
|
[value]="groupBuddy.group"
|
||||||
[disabled]="getDisabled(groupBuddy)"
|
[disabled]="getDisabled(groupBuddy)"
|
||||||
class="group-name"
|
class="group-list"
|
||||||
>
|
>
|
||||||
|
<div class="group-name">
|
||||||
<span class="title-name ellipsis"> {{ groupBuddy.group.name }} </span>
|
<span class="title-name ellipsis"> {{ groupBuddy.group.name }} </span>
|
||||||
<span class="text-accent-color number"
|
<span class="text-accent-color number"
|
||||||
>({{ groupBuddy.buddyList.length
|
>({{ groupBuddy.buddyList.length
|
||||||
}}{{ 'common.units.persons' | translate }})</span
|
}}{{ 'common.units.persons' | translate }})</span
|
||||||
>
|
>
|
||||||
|
</div>
|
||||||
</mat-list-option>
|
</mat-list-option>
|
||||||
</mat-selection-list>
|
</mat-selection-list>
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
|
|
|
@ -46,10 +46,10 @@
|
||||||
border-top: 1px solid #999999;
|
border-top: 1px solid #999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
::ng-deep .group-name {
|
.group-list {
|
||||||
&.mat-list-item {
|
&.mat-list-item {
|
||||||
border-bottom: 1px solid #dddddd;
|
border-bottom: 1px solid #dddddd;
|
||||||
.mat-list-text {
|
.group-name {
|
||||||
flex-direction: row !important;
|
flex-direction: row !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -16,6 +16,7 @@
|
||||||
</button>
|
</button>
|
||||||
</mat-card-header>
|
</mat-card-header>
|
||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
|
<div class="check-all">
|
||||||
<mat-checkbox
|
<mat-checkbox
|
||||||
#checkbox
|
#checkbox
|
||||||
labelPosition="before"
|
labelPosition="before"
|
||||||
|
@ -25,10 +26,11 @@
|
||||||
"
|
"
|
||||||
(change)="onCheckAllUser(checkbox.checked)"
|
(change)="onCheckAllUser(checkbox.checked)"
|
||||||
(click)="$event.stopPropagation()"
|
(click)="$event.stopPropagation()"
|
||||||
class="check-all"
|
class="checkbox"
|
||||||
>
|
>
|
||||||
{{ 'common.messages.selectAll' | translate }}
|
{{ 'common.messages.selectAll' | translate }}
|
||||||
</mat-checkbox>
|
</mat-checkbox>
|
||||||
|
</div>
|
||||||
<div class="item-list">
|
<div class="item-list">
|
||||||
<cdk-virtual-scroll-viewport
|
<cdk-virtual-scroll-viewport
|
||||||
itemSize="60"
|
itemSize="60"
|
||||||
|
@ -61,7 +63,7 @@
|
||||||
</cdk-virtual-scroll-viewport>
|
</cdk-virtual-scroll-viewport>
|
||||||
</div>
|
</div>
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
<mat-card-actions class="button-farm flex-row">
|
<mat-card-actions class="button-frame flex-row">
|
||||||
<button
|
<button
|
||||||
mat-stroked-button
|
mat-stroked-button
|
||||||
(click)="onClickChoice(false)"
|
(click)="onClickChoice(false)"
|
||||||
|
|
|
@ -18,7 +18,7 @@
|
||||||
height: 450px;
|
height: 450px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.button-farm {
|
.button-frame {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
.mat-primary {
|
.mat-primary {
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
|
@ -26,11 +26,12 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::ng-deep .selected-user-dialog {
|
.selected-user-dialog {
|
||||||
.check-all {
|
.check-all {
|
||||||
display: flex;
|
display: flex;
|
||||||
border-bottom: 2px solid #444444;
|
border-bottom: 2px solid #444444;
|
||||||
.mat-checkbox-layout {
|
padding: 0 20px;
|
||||||
|
.checkbox {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
padding-bottom: 6px;
|
padding-bottom: 6px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -166,6 +166,7 @@ $tablet-s-width: 768px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//대화창 공통
|
||||||
::ng-deep .bubble {
|
::ng-deep .bubble {
|
||||||
.bubble-main {
|
.bubble-main {
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
|
@ -184,7 +185,7 @@ $tablet-s-width: 768px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::ng-deep .view-previous {
|
/*::ng-deep .view-previous {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
@ -230,3 +231,4 @@ $tablet-s-width: 768px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
|
@ -105,12 +105,7 @@ $tablet-l-width: 1024px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.bubble-main {
|
.view-previous {
|
||||||
word-wrap: break-word;
|
|
||||||
white-space: pre-wrap;
|
|
||||||
word-break: break-word;
|
|
||||||
}
|
|
||||||
::ng-deep .view-previous {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user