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

@@ -383,6 +383,27 @@ img {
max-width: 100%;
}
/* Rich text content rendered as read-only inside form inputs */
.admin-form-input.section-content {
height: auto;
white-space: normal;
word-break: break-word;
}
.admin-form-input.section-content ul,
.admin-form-input.section-content ol {
margin: 0 0 0.4em 1.5em;
padding: 0;
}
.admin-form-input.section-content li {
margin-bottom: 0.2em;
}
.admin-form-input.section-content p {
margin: 0 0 0.4em 0;
}
.admin-form-input[type="number"]::-webkit-inner-spin-button,
.admin-form-input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;