Make the badge more oblong shaped for larger numbers
This commit is contained in:
@@ -27,7 +27,7 @@ class ToolAreaButton extends React.Component
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
{unread > 0 && (
|
{unread > 0 && (
|
||||||
<span className='badge'>
|
<span className={classnames('badge', { long: unread >= 10 })}>
|
||||||
{unread}
|
{unread}
|
||||||
</span>
|
</span>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -63,6 +63,10 @@
|
|||||||
padding: 0.2rem 0.4rem;
|
padding: 0.2rem 0.4rem;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
|
||||||
|
&.long {
|
||||||
|
border-radius: 25% / 50%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user