Texto de upload em alemão é mais largo que o espaço reservado da imagem

zogstrip · Março 19, 2026, 9:29am

Obrigado Será corrigido por

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

Tópico		Respostas	Visualizações
Trash can is covering up other icons UX	1	380	23 de Fevereiro de 2023
Image upload inside topic doesn't work if language is not English Bug	4	855	22 de Setembro de 2015
"Show more" link for uploading an image from the web UX	7	729	7 de Dezembro de 2019
Gif, upload and preview buttons do not fit into one line UX mobile	4	434	20 de Novembro de 2023
AI Search Upload Button Tooltip Translation Missing Translations translation	1	98	25 de Junho de 2025

Texto de upload em alemão é mais largo que o espaço reservado da imagem

Tópicos relacionados