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

zogstrip · 19 Março , 2026 09:29

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	Vistas
Trash can is covering up other icons UX	1	397	23 Fevereiro , 2023
Image upload inside topic doesn't work if language is not English Bug	3	882	22 Setembro , 2015
AI Search Upload Button Tooltip Translation Missing Translations translation	1	118	25 Junho , 2025
Gif, upload and preview buttons do not fit into one line UX mobile	4	472	20 Novembro , 2023
"Show more" link for uploading an image from the web UX	6	764	6 Dezembro , 2019

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

Related topics