Foundation主题下搜索页的搜索按钮样式需要修复一下

awesomerobot · 2026 年3 月 10 日 18:13

感谢您报告此问题，我将阻止所有按钮中的文本换行以避免这种情况。下次您更新 Discourse 时，此问题应该会得到修复。

github.com/discourse/discourse

UX: prevent button text from wrapping (#38439)

main ← ux-no-button-wrap

approved 06:14PM - 10 Mar 26 UTC

awesomerobot

+1 -0

In latin languages lines of text generally only break with spaces or hyphens unl…ess designated otherwise. In Chinese/Korean/Japanese every character is potentially a valid place to break a line... this means in flex layouts buttons can wrap with only 2 characters when sibling elements get priority over the available space. Rather than handling these on a case-by-case basis based on how the layout works (likely a dozen cases where we'd need to fix this), the best course seems to be preventing wrapping within buttons entirely. Wrapping button text isn't ideal in any language, and in cases where it does happen we should handle them with shorter labels or some other handling. Before: <img width="1765" height="834" alt="image" src="https://github.com/user-attachments/assets/c55b9512-4cc4-4025-a2be-6c38f431957c" /> After: <img width="2118" height="898" alt="image" src="https://github.com/user-attachments/assets/69082bda-1b70-46fd-b11a-a41744a89914" />

话题		回复	浏览量
Search "in this topic" responsive layout problem with "Ubuntu" base font UX	4	394	2023 年1 月 18 日
Weird text formatting/wrapping on mobile [1.9.0.beta10] Bug	14	1183	2018 年3 月 30 日
Alignment issue in search field UX search-banner , completed	11	412	2023 年11 月 23 日
User dropdown buttons are wrapping UX	8	865	2020 年6 月 2 日
Should not wrapping text for notification level selection button on mobile when using CJK language UX	3	625	2020 年10 月 23 日

Foundation主题下搜索页的搜索按钮样式需要修复一下

相关话题