Allow button labels to wrap onto two lines in dropdown buttons. Fix #9613 (#9643)

Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>

CHANGELOG.txt

@@ -27,6 +27,7 @@ Changelog
  * Fix: Make sure minimap error indicators follow the minimap scrolling (Thibaud Colas)
  * Fix: Remove the ability to view or add comments to `InlinePanel` inner fields to avoid lost or incorrectly linked comments (Jacob Topp-Mugglestone)
  * Fix: Use consistent heading styles on top-level fields in the page editor (Sage Abdullah)
+ * Fix: Allow button labels to wrap onto two lines in dropdown buttons (Coen van der Kamp)
  * Docs: Add custom permissions section to permissions documentation page (Dan Hayden)
  * Docs: Add documentation for how to get started with contributing translations for the Wagtail admin (Ogunbanjo Oluwadamilare)
  * Docs: Officially recommend `fnm` over `nvm` in development documentation (LB (Ben) Johnston)
@@ -55,6 +56,7 @@ Changelog
  * Fix: Make "Cancel scheduled publish" button correctly redirect back to the edit view (Sage Abdullah)
  * Fix: Prevent crash when reverting revisions on a snippet with `PreviewableMixin` applied (Sage Abdullah)
  * Fix: Use consistent heading styles on top-level fields in the page editor (Sage Abdullah)
+ * Fix: Allow button labels to wrap onto two lines in dropdown buttons (Coen van der Kamp)
 
 
 4.1.1 (11.11.2022)

client/scss/components/_footer.scss

@@ -175,6 +175,7 @@ footer .preview {
 
     .icon {
       margin-inline-end: theme('spacing.2');
+      flex-shrink: 0;
     }
   }
 }
@@ -182,7 +183,7 @@ footer .preview {
 footer .actions {
   .button {
     font-weight: 600;
-    text-overflow: ellipsis;
+    white-space: initial;
   }
 }
 

docs/releases/4.1.2.md

@@ -16,3 +16,4 @@ depth: 1
  * Make "Cancel scheduled publish" button correctly redirect back to the edit view (Sage Abdullah)
  * Prevent crash when reverting revisions on a snippet with `PreviewableMixin` applied (Sage Abdullah)
  * Use consistent heading styles on top-level fields in the page editor (Sage Abdullah)
+ * Allow button labels to wrap onto two lines in dropdown buttons (Coen van der Kamp)

docs/releases/4.2.md

@@ -39,6 +39,7 @@ depth: 1
  * Make sure minimap error indicators follow the minimap scrolling (Thibaud Colas)
  * Remove the ability to view or add comments to `InlinePanel` inner fields to avoid lost or incorrectly linked comments (Jacob Topp-Mugglestone)
  * Use consistent heading styles on top-level fields in the page editor (Sage Abdullah)
+ * Allow button labels to wrap onto two lines in dropdown buttons (Coen van der Kamp)
 
 ### Documentation