mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-09-13 08:13:09 +00:00
fix(tickets): длинный текст в сообщении уезжал за пределы карточки
Тело сообщения рендерилось с whitespace-pre-wrap, но без break-words: pre-wrap переносит только по пробелам, поэтому неразрывный токен — ссылка на подписку, ключ, base64 — вылезал за пузырь. Контейнер сообщений имеет scrollbar-hide и overflow-y-auto, из-за чего браузер вычисляет overflow-x в auto, а полосу прокрутки прячет CSS: хвост такого сообщения на десктопе было не достать. Приведено к конвенции проекта для пользовательского текста (BroadcastPreview.tsx): whitespace-pre-wrap break-words. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -318,7 +318,7 @@ function ChatView({
|
||||
</div>
|
||||
{msg.message_text && (
|
||||
<p
|
||||
className="whitespace-pre-wrap text-sm text-dark-200 [&_a]:text-accent-400 [&_a]:underline"
|
||||
className="whitespace-pre-wrap break-words text-sm text-dark-200 [&_a]:text-accent-400 [&_a]:underline"
|
||||
dangerouslySetInnerHTML={{ __html: linkifyText(msg.message_text) }}
|
||||
/>
|
||||
)}
|
||||
|
||||
@@ -551,7 +551,7 @@ export default function AdminTickets() {
|
||||
</div>
|
||||
{msg.message_text && (
|
||||
<p
|
||||
className="whitespace-pre-wrap text-dark-200 [&_a]:text-accent-400 [&_a]:underline"
|
||||
className="whitespace-pre-wrap break-words text-dark-200 [&_a]:text-accent-400 [&_a]:underline"
|
||||
dangerouslySetInnerHTML={{ __html: linkifyText(msg.message_text) }}
|
||||
/>
|
||||
)}
|
||||
|
||||
@@ -600,7 +600,7 @@ export default function Support() {
|
||||
</div>
|
||||
{msg.message_text && (
|
||||
<div
|
||||
className="whitespace-pre-wrap text-dark-200 [&_a]:text-accent-400 [&_a]:underline"
|
||||
className="whitespace-pre-wrap break-words text-dark-200 [&_a]:text-accent-400 [&_a]:underline"
|
||||
dangerouslySetInnerHTML={{ __html: linkifyText(msg.message_text) }}
|
||||
/>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user