Fix horizontal positioning of rich text inline toolbar

CHANGELOG.txt

@@ -47,6 +47,7 @@ Changelog
  * Fix: Allow both horizontal and vertical manual resizing of TextFields (Anisha Singh)
  * Fix: Use the correct padding for autocomplete block picker (Umar Farouk Yunusa)
  * Fix: Ensure that short content pages (such as editing snippets) do not show an inconsistent background (Sage Abdullah)
+ * Fix: Fix horizontal positioning of rich text inline toolbar (Thibaud Colas)
  * 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)

client/src/components/Draftail/Draftail.scss

@@ -76,7 +76,9 @@ $draftail-editor-font-family: $font-sans;
 }
 
 .Draftail-Editor {
-  --draftail-offset-inline-start: 0;
+  // Number used inside a `calc` function, which doesn’t support unitless zero.
+  // stylelint-disable-next-line length-zero-no-unit
+  --draftail-offset-inline-start: 0px;
 }
 
 .Draftail-Editor__wrapper {

docs/releases/4.2.md

@@ -61,6 +61,7 @@ Wagtail now provides a set of utilities for creating data migrations on StreamFi
  * Allow both horizontal and vertical manual resizing of TextFields (Anisha Singh)
  * Use the correct padding for autocomplete block picker (Umar Farouk Yunusa)
  * Ensure that short content pages (such as editing snippets) do not show an inconsistent background (Sage Abdullah)
+ * Fix horizontal positioning of rich text inline toolbar (Thibaud Colas)
 
 ### Documentation