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>
</dl>
<span
<div
class="noti-num"
*ngIf="roomInfo.noReadCnt > 0"
[matBadgeHidden]="roomInfo.noReadCnt === 0"
@ -95,5 +95,5 @@
matBadgeColor="accent"
matBadgePosition="below after"
>
</span>
</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;
color: $font-mid;
@include ellipsis(1);
align-items: flex-start;
margin-top: -2px;
}
}
@ -159,7 +161,20 @@ $thumbnail-msize: 40px;
}
.noti-num {
position: absolute !important;
right: 22px;
bottom: 22px;
&.mat-badge {
position: absolute !important;
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;
}
}