fix(web): prevent toolbar button text wrapping for CJK languages (nexu-io#178)

nmsn · web-flow · commit 7e916a2f03a5 · 2026-05-01T10:42:12.000+08:00
Add white-space: nowrap to .viewer-action, .viewer-toggle, and .viewer-tab
to prevent Chinese/Japanese text from breaking to a new line when the
toolbar runs out of horizontal space. English text was unaffected because
browsers treat whole words as atomic units, but CJK characters can break
between any two characters by default.
diff --git a/apps/web/src/index.css b/apps/web/src/index.css
@@ -3228,6 +3228,7 @@ code {
   border-radius: var(--radius-sm);
   color: var(--text-muted);
   font-size: 12.5px;
+  white-space: nowrap;
 }
 .viewer-action:hover:not(:disabled) { background: var(--bg-subtle); color: var(--text); }
 .viewer-action.primary {
@@ -3253,6 +3254,7 @@ code {
   color: var(--text-muted);
   padding: 4px 10px;
   border-radius: var(--radius-sm);
+  white-space: nowrap;
 }
 .viewer-toggle .switch {
   position: relative;
@@ -3284,6 +3286,7 @@ code {
   font-size: 12px;
   border-radius: var(--radius-sm);
   color: var(--text-muted);
+  white-space: nowrap;
 }
 .viewer-tab:hover { background: var(--bg-subtle); color: var(--text); }
 .viewer-tab.active {
