Make the badge more oblong shaped for larger numbers

2018-07-13 10:07:14 +02:00 · 2018-07-13 10:07:14 +02:00 · f3eb899dc4
parent d88031e64d
commit f3eb899dc4
2 changed files with 5 additions and 1 deletions
--- a/app/lib/components/ToolArea/ToolAreaButton.jsx
+++ b/app/lib/components/ToolArea/ToolAreaButton.jsx
@ -27,7 +27,7 @@ class ToolAreaButton extends React.Component
 				/>

 				{unread > 0 && (
-					<span className='badge'>
+					<span className={classnames('badge', { long: unread >= 10 })}>
 						{unread}
 					</span>
 				)}
--- a/app/stylus/components/ToolArea.styl
+++ b/app/stylus/components/ToolArea.styl
@ -63,6 +63,10 @@
    padding: 0.2rem 0.4rem;
    top: 0;
    right: 0;
+
+		&.long {
+			border-radius: 25% / 50%;
+		}
 	}
 }