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

awesomerobot · 2026年三月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	453	2023年一月18日
Weird text formatting/wrapping on mobile [1.9.0.beta10] Bug	13	1302	2017年九月21日
User dropdown buttons are wrapping UX	8	933	2020年六月2日
Alignment issue in search field UX completed , search-banner	10	504	2023年十一月23日
Should not wrapping text for notification level selection button on mobile when using CJK language UX	3	671	2020年十月23日

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

相關主題