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-01-16 11:13:34 +09:00
parent 0f98996938
commit ad8bed46ae
2 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.html
View File

@ -86,7 +86,7 @@
</dd> </dd>
</dl> </dl>
<span <div
class="noti-num" class="noti-num"
*ngIf="roomInfo.noReadCnt > 0" *ngIf="roomInfo.noReadCnt > 0"
[matBadgeHidden]="roomInfo.noReadCnt === 0" [matBadgeHidden]="roomInfo.noReadCnt === 0"
@ -95,5 +95,5 @@
matBadgeColor="accent" matBadgeColor="accent"
matBadgePosition="below after" matBadgePosition="below after"
> >
</span> </div>
</div> </div>

21
projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.scss
View File

@ -128,6 +128,8 @@ $thumbnail-msize: 40px;
margin-left: 10px; margin-left: 10px;
color: $font-mid; color: $font-mid;
@include ellipsis(1); @include ellipsis(1);
align-items: flex-start;
margin-top: -2px;
} }
} }
@ -159,7 +161,20 @@ $thumbnail-msize: 40px;
} }
.noti-num { .noti-num {
position: absolute !important; &.mat-badge {
right: 22px; position: absolute !important;
bottom: 22px; right: 40px !important;
bottom: 22px !important;
font-size: 11px;
padding: 0 6px;
color: #ffffff;
max-width: 60px;
@include ellipsis(1);
overflow: visible;
border-radius: 50%;
width: 22px;
height: 22px;
line-height: 22px;
display: inline-flex;
}
} }