Drop unread indicator limit and fix overflow issue
This commit is contained in:
parent
2d9cbf4795
commit
f751687af3
3 changed files with 6 additions and 39 deletions
|
@ -310,22 +310,9 @@ function UnreadIndicator({
|
|||
return null;
|
||||
}
|
||||
|
||||
let classModifier: undefined | string;
|
||||
if (count > 99) {
|
||||
classModifier = 'many';
|
||||
} else if (count > 9) {
|
||||
classModifier = 'two-digits';
|
||||
}
|
||||
|
||||
return (
|
||||
<div
|
||||
className={classNames(
|
||||
`${BASE_CLASS_NAME}__unread-indicator`,
|
||||
classModifier &&
|
||||
`${BASE_CLASS_NAME}__unread-indicator--${classModifier}`
|
||||
)}
|
||||
>
|
||||
{Boolean(count) && Math.min(count, 99)}
|
||||
<div className={classNames(`${BASE_CLASS_NAME}__unread-indicator`)}>
|
||||
{Boolean(count) && count}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue