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

ng-deep 정리중(5차)

Browse Source
This commit is contained in:
khk 2020-02-12 18:45:43 +09:00
parent b684566469
commit 6c0917f169
6 changed files with 29 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.html
View File

@ -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>

4
projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.scss
View File

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

6
projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/organization/selected-user-list.dialog.component.html
View File

@ -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)"

7
projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/organization/selected-user-list.dialog.component.scss
View File

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

4
projects/ucap-webmessenger-ui-chat/src/lib/components/message-box.component.scss
View File

@ -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;
} }
} }
} }
*/

7
projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.scss
View File

@ -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;