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

Regression from #11150

CHANGELOG.txt

@@ -40,6 +40,12 @@ Changelog
  * 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)
 ~~~~~~~~~~~~~~~~~~
 

client/scss/components/forms/_form-width.scss

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

docs/releases/6.0.2.md

@@ -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)

docs/releases/index.rst

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