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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user