fix: read-only rich text content overflowing container

Added section-content class with proper ul/ol/li/p margins and
overflow:hidden. Browser defaults for lists were causing content
to extend outside the form input box.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
BOHA
2026-03-24 11:14:24 +01:00
parent f8210d667f
commit 5593c2a229
2 changed files with 23 additions and 2 deletions

View File

@@ -1099,8 +1099,8 @@ export default function OfferDetail() {
<label className="admin-form-label">Obsah</label>
{(isInvalidated || isLockedByOther) ? (
<div
className="admin-form-input"
style={{ minHeight: '80px', background: 'var(--bg-primary)' }}
className="admin-form-input section-content"
style={{ minHeight: '80px', background: 'var(--bg-primary)', overflow: 'hidden', lineHeight: 1.5, fontSize: '0.875rem' }}
dangerouslySetInnerHTML={{ __html: section.content || '<em>Prázdný obsah</em>' }}
/>
) : (