النص الألماني للتحميل أعرض من العنصر النائب للصورة

zogstrip · 19 مارس 2026، 9:29ص

شكرًا لك سيتم إصلاح ذلك بواسطة

github.com/discourse/discourse

UX: Allow upload placeholder text to wrap on long translations (#38712)

main ← fix/upload-placeholder-text-overflow

opened 09:28AM - 19 Mar 26 UTC

ZogStriP

+2 -0

The upload placeholder label ("Click to upload or drag & drop file") overflows i…ts container when translated into longer languages like German. This happens because the label element has the `.btn` class which sets `white-space: nowrap` globally. Override it with `white-space: normal` for the empty upload state so the text wraps naturally within the placeholder box. Also add padding so wrapped text doesn't touch edges. **BEFORE** <img width="392" height="686" alt="2026-03-19 @ 09 26 36" src="https://github.com/user-attachments/assets/acd0bf8d-af79-4233-abe8-1ab34ecc4b47" /> **AFTER** <img width="403" height="694" alt="2026-03-19 @ 09 26 23" src="https://github.com/user-attachments/assets/e14ea859-d532-4a22-a50b-50c21902507c" /> https://meta.discourse.org/t/398782

الموضوع		الردود	مرات العرض
Trash can is covering up other icons UX	1	380	23 فبراير 2023
Image upload inside topic doesn't work if language is not English Bug	4	855	22 سبتمبر 2015
"Show more" link for uploading an image from the web UX	7	729	7 ديسمبر 2019
Gif, upload and preview buttons do not fit into one line UX mobile	4	434	20 نوفمبر 2023
AI Search Upload Button Tooltip Translation Missing Translations translation	1	98	25 يونيو 2025

النص الألماني للتحميل أعرض من العنصر النائب للصورة

الموضوعات ذات الصلة