fix: Prevent badge text from wrapping

Doist · Jan 3, 2024 · 9d1ac97 · 9d1ac97
1 parent 0991d82
commit 9d1ac97
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 Reactist follows [semantic versioning](https://semver.org/) and doesn't introduce breaking changes (API-wise) in minor or patch releases. However, the appearance of a component might change in a minor or patch release so keep an eye on redesigns and make sure your app still looks and feels like you expect it.
 
+# v22.3.2
+
+-   [Fix] Text inside a `Badge` no longer wraps into multiple lines.
+
 # v22.3.1
 
 -   [Tweak] Increase showing tooltip delay to 1 second from 500ms

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
         "email": "[email protected]",
         "url": "http://doist.com"
     },
-    "version": "22.3.1",
+    "version": "22.3.2",
     "license": "MIT",
     "homepage": "https://github.com/Doist/reactist#readme",
     "repository": {

diff --git a/src/badge/badge.module.css b/src/badge/badge.module.css
@@ -25,6 +25,7 @@
     color: var(--reactist-badge-tint);
     background-color: var(--reactist-badge-fill);
     line-height: calc(var(--reactist-badge-font-size) + 3px);
+    white-space: nowrap;
 }
 
 .badge-info {