LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-08-23 17:47:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

two digits and up smaller notif bubble txt

Browse source
This commit is contained in:
zeppi 2021-01-11 10:43:39 -05:00 • committed by Sean Yesmunt
parent eac7e100cc
commit 554ca1a4f4
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
ui/component/notificationBubble/view.jsx
View file

@ -22,7 +22,13 @@ export default function NotificationHeaderButton(props: Props) {
'notification__bubble--inline': inline, 'notification__bubble--inline': inline,
})} })}
> >
<span className="notification__count">{unreadCount > 20 ? '20+' : unreadCount}</span> <span
className={classnames('notification__count', {
'notification__bubble--small': unreadCount > 9,
})}
>
{unreadCount > 20 ? '20+' : unreadCount}
</span>
</span> </span>
); );
} }

4
ui/scss/component/_notification.scss
View file

@ -175,6 +175,10 @@ $contentMaxWidth: 35rem;
justify-content: center; justify-content: center;
} }
.notification__bubble--small {
font-size: var(--font-xsmall);
}
.notification__bubble--inline { .notification__bubble--inline {
@extend .notification__bubble; @extend .notification__bubble;
top: 0.75rem; top: 0.75rem;