fix(NcCounterBubble): adjust min-width to a circle

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
nextcloud-libraries · Aug 1, 2024 · 5e1f4df · 5e1f4df
1 parent 5fbed93
commit 5e1f4df
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/NcCounterBubble/NcCounterBubble.vue b/src/components/NcCounterBubble/NcCounterBubble.vue
@@ -76,10 +76,11 @@ export default {
 	overflow: hidden;
 	width: fit-content;
 	max-width: var(--default-clickable-area);
+	min-width: calc(1lh + 2 * var(--default-grid-baseline)); // Make it not narrower than a circle
 	text-align: center;
 	text-overflow: ellipsis;
 	line-height: 1em;
-	padding: 4px 6px;
+	padding: var(--default-grid-baseline);
 	border-radius: var(--border-radius-pill);
 	background-color: var(--color-primary-element-light);
 	font-weight: bold;