mirror of
https://github.com/wagtail/wagtail.git
synced 2024-12-01 11:41:20 +01:00
b7beb36df6
- Set the side panel width custom property ('--side-panel-width') globally, not just on the form container.
- Use this custom property to determine the max width of the form content.
- Fixes #11038
39 lines
784 B
SCSS
39 lines
784 B
SCSS
.w-form-width {
|
|
@include max-form-width();
|
|
}
|
|
|
|
@include media-breakpoint-up(md) {
|
|
.minimap-open {
|
|
.tab-content {
|
|
width: theme('width.[4/5]');
|
|
}
|
|
}
|
|
|
|
.side-panel-open {
|
|
.tab-content {
|
|
// Account for dynamic width of the side panel when open.
|
|
width: max(theme('width.[1/3]'), calc(100% - var(--side-panel-width)));
|
|
}
|
|
}
|
|
|
|
.side-panel-open.minimap-open {
|
|
.tab-content {
|
|
// Account for additional space taken up by the minimap.
|
|
width: max(
|
|
theme('width.[2/5]'),
|
|
calc(100% - var(--side-panel-width) - 15rem)
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
.fields {
|
|
// Apply the desired form width for legacy `fields` container.
|
|
max-width: $max-form-width;
|
|
|
|
// Remove any spacing in legacy fields markup.
|
|
> li {
|
|
padding: 0;
|
|
}
|
|
}
|