モバイルでの表示不具合

awesomerobot · 2026 年 6 月 11 日午後 4:49

リンクのパディングの折り返し方だと思われます。これを回避する変更をマージしました。

github.com/discourse/discourse-custom-header-links

UX: prevent padding wrapping on small screens (#104)

main ← ux-padding-wrap

opened 04:46PM - 11 Jun 26 UTC

awesomerobot

+2 -0

The display type can cause the padding to wrap, which breaks alignment. Switchin…g to flex prevents this. Before: <img width="700" alt="image" src="https://github.com/user-attachments/assets/e8458524-8754-4f29-acfb-31e356152935" /> After: <img width="700" alt="image" src="https://github.com/user-attachments/assets/f0181a7d-6b35-4fce-86a7-ad7d2d320589" />

トピック		返信	表示
Too many links cause horizontal overflow UX custom-header-links	1	260	2023 年 7 月 11 日
Custom links layout is messed up on full-width themes (fully, reddit-ish) Bug custom-header-links	3	576	2023 年 7 月 25 日
Making the banner links horizontal in mobile version Development welcome-link-banner	13	352	2023 年 1 月 23 日
How to move a specific link item to the right of the header? Development css , brand-header	2	497	2023 年 8 月 24 日
Missing space before the featured link on mobile topic list view UX featured-link	1	63	2024 年 7 月 5 日

モバイルでの表示不具合

関連トピック