El texto de carga alemán es más ancho que el marcador de posición de la imagen

zogstrip · 19 Marzo, 2026 09:29

Gracias Será corregido 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

Tema		Respuestas	Vistas
Trash can is covering up other icons UX	1	389	23 Febrero 2023
Image upload inside topic doesn't work if language is not English Bug	4	863	22 Septiembre 2015
AI Search Upload Button Tooltip Translation Missing Translations translation	1	105	25 Junio 2025
Gif, upload and preview buttons do not fit into one line UX mobile	4	450	20 Noviembre 2023
"Show more" link for uploading an image from the web UX	7	739	7 Diciembre 2019

El texto de carga alemán es más ancho que el marcador de posición de la imagen

Temas relacionados