diff --git a/assets/widgets/admin.css b/assets/widgets/admin.css index 010876c3..047fa5e5 100644 --- a/assets/widgets/admin.css +++ b/assets/widgets/admin.css @@ -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"],