Текст загрузки на немецком языке шире, чем плейсхолдер изображения

zogstrip · 19.Март.2026 09:29:05

Спасибо Будет исправлено в

github.com/discourse/discourse

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

main ← fix/upload-placeholder-text-overflow

merged 01:18PM - 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	382	23.02.2023
Image upload inside topic doesn't work if language is not English Bug	4	858	22.09.2015
"Show more" link for uploading an image from the web UX	7	731	07.12.2019
Gif, upload and preview buttons do not fit into one line UX mobile	4	438	20.11.2023
AI Search Upload Button Tooltip Translation Missing Translations translation	1	102	25.06.2025

Текст загрузки на немецком языке шире, чем плейсхолдер изображения

Связанные темы