fix(widgets): keep widget form accordions within the sidebar column
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
7650c3537a
commit
05c7ade3f5
1 file changed
+16
-1
@@ -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"],
|
||||
|
||||
Reference in new issue
Block a user