Foundationテーマの検索ページの検索ボタンのスタイルを修正する必要があります

singi2016cn · 2026 年 3 月 10 日午前 8:45

awesomerobot · 2026 年 3 月 10 日午後 6: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テーマの検索ページの検索ボタンのスタイルを修正する必要があります

関連トピック