Make the badge more oblong shaped for larger numbers
parent
d88031e64d
commit
f3eb899dc4
|
|
@ -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%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue