# 德语上传文本比图片占位符宽

**URL:** <https://meta.discourse.org/t/german-upload-text-is-wider-than-the-image-placeholder/398782>\
**Category:** UX\
**Tags:** fixed\
**Created:** [2026年三月19日 07:33 UTC](https://meta.discourse.org/t/german-upload-text-is-wider-than-the-image-placeholder/398782 "2026-03-19T07:33:38Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)\
**Post date:** [2026年三月19日 09:29 UTC](https://meta.discourse.org/t/german-upload-text-is-wider-than-the-image-placeholder/398782/2 "2026-03-19T09:29:05Z")

</div>

感谢 👍 将通过以下链接修复：

> <https://github.com/discourse/discourse/pull/38712>
>
> 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

---

_[View the full topic](https://meta.discourse.org/t/german-upload-text-is-wider-than-the-image-placeholder/398782)._