LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

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,
})}
>
<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>
);
}

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

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