fix(widgets): keep widget form accordions within the sidebar column

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
kate522andClaude Fable 5 committed 2026-10-30 14:10:12 +08:00
1 parent 7650c3537a
commit 05c7ade3f5
1 file changed
+16 -1
+16 -1
View File
@@ -194,9 +194,24 @@
.aksrt-widget-repeater__remove:disabled { visibility: hidden; }
.aksrt-widget-repeater__add:disabled { opacity: .55; cursor: not-allowed; }
.aksrt-widget-repeater__fields,
.aksrt-widget-nested__body { display: grid; gap: 12px; padding: 10px; }
.aksrt-widget-nested__body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 10px; }
.aksrt-widget-nested > summary { padding: 9px 10px; font-weight: 600; cursor: pointer; }
/* Keep accordions inside the narrow sidebar column: grid/flex items default to min-width:auto and grow to their widest child. */
.aksrt-widget-form,
.aksrt-widget-link,
.aksrt-widget-background { grid-template-columns: minmax(0, 1fr); }
.aksrt-widget-repeater,
.aksrt-widget-repeater__row,
.aksrt-widget-nested,
.aksrt-widget-nested__body > *,
.aksrt-widget-repeater__fields > * { min-width: 0; max-width: 100%; box-sizing: border-box; }
.aksrt-widget-form input:not([type="checkbox"]):not([type="radio"]),
.aksrt-widget-form select,
.aksrt-widget-form textarea { max-width: 100%; box-sizing: border-box; }
.aksrt-widget-background select { width: 100%; }
.aksrt-widget-repeater__title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aksrt-widget-form input[type="text"],
.aksrt-widget-form input[type="url"],
.aksrt-widget-form input[type="number"],