mirrors/wagtail
mirrors/wagtail
0
0
Fork 0
mirror of https://github.com/wagtail/wagtail.git synced 2024-11-29 01:22:07 +01:00
Code Issues Releases Wiki Activity

Fix - Ensure that modal tabs width are not impacted by side panel opening

Browse Source 
Regression from #11150
This commit is contained in:
LB Johnston 2024-02-28 20:30:25 +10:00 committed by Sage Abdullah
parent 96ae004ce7
commit 07d6acfb52
No known key found for this signature in database
GPG Key ID: EB1A33CC51CC0217
4 changed files with 32 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
CHANGELOG.txt
View File

@ -40,6 +40,12 @@ Changelog
* Maintenance: Remove usage of inline scripts and instead use event dispatching to instantiate standalone Draftail editor instances (Chiemezuo Akujobi) * Maintenance: Remove usage of inline scripts and instead use event dispatching to instantiate standalone Draftail editor instances (Chiemezuo Akujobi)
6.0.2 (xx.xx.xxxx) - IN DEVELOPMENT
~~~~~~~~~~~~~~~~~~
* Fix: Ensure that modal tabs width are not impacted by side panel opening (LB (Ben) Johnston)
6.0.1 (15.02.2024) 6.0.1 (15.02.2024)
~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~

15
client/scss/components/forms/_form-width.scss
View File

@ -4,22 +4,25 @@
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
.minimap-open { .minimap-open {
.tab-content { .w-form-width {
width: theme('width.[4/5]'); max-width: theme('width.[4/5]');
} }
} }
.side-panel-open { .side-panel-open {
.tab-content { .w-form-width {
// Account for dynamic width of the side panel when open. // Account for dynamic width of the side panel when open.
width: max(theme('width.[1/3]'), calc(100% - var(--side-panel-width))); max-width: max(
theme('width.[1/3]'),
calc(100% - var(--side-panel-width))
);
} }
} }
.side-panel-open.minimap-open { .side-panel-open.minimap-open {
.tab-content { .w-form-width {
// Account for additional space taken up by the minimap. // Account for additional space taken up by the minimap.
width: max( max-width: max(
theme('width.[2/5]'), theme('width.[2/5]'),
calc(100% - var(--side-panel-width) - 15rem) calc(100% - var(--side-panel-width) - 15rem)
); );

16
docs/releases/6.0.2.md Normal file
View File

@ -0,0 +1,16 @@
# Wagtail 6.0.2 release notes - IN DEVELOPMENT
_Unreleased_
```{contents}
---
local:
depth: 1
---
```
## What's new
### Bug fixes
* Ensure that modal tabs width are not impacted by side panel opening (LB (Ben) Johnston)

1
docs/releases/index.rst
View File

@ -6,6 +6,7 @@ Release notes
upgrading upgrading
6.1 6.1
6.0.2
6.0.1 6.0.1
6.0 6.0
5.2.3 5.2.3