Fix dialog component's message to have rounded corners at the top side

Fixes #10177

CHANGELOG.txt

@@ -12,6 +12,7 @@ Changelog
  * Fix: Fix page/snippet cannot proceed a `GroupApprovalTask` if it's locked by someone outside of the group (Sage Abdullah)
  * Fix: Add missing log information for `wagtail.schedule.cancel` (Stefan Hammer)
  * Fix: Fix timezone activation leaking into subsequent requests in `require_admin_access()` (Stefan Hammer)
+ * Fix: Fix dialog component's message to have rounded corners at the top side (Sam)
 
 
 4.2 (06.02.2023)

CONTRIBUTORS.rst

@@ -685,6 +685,7 @@ Contributors
 * Nick Lee
 * Beniamin Bucur
 * Satvik Vashisht
+* Sam
 
 Translators
 ===========

client/scss/components/_dialog.scss

@@ -106,6 +106,8 @@
     display: flex;
     align-items: center;
     padding: theme('spacing.5');
+    border-start-start-radius: theme('borderRadius.md');
+    border-start-end-radius: theme('borderRadius.md');
 
     @media (forced-colors: $media-forced-colours) {
       border-bottom: 1px solid currentColor;

docs/releases/4.2.1.md

@@ -20,3 +20,4 @@ depth: 1
  * Fix page/snippet cannot proceed a `GroupApprovalTask` if it's locked by someone outside of the group (Sage Abdullah)
  * Add missing log information for `wagtail.schedule.cancel` (Stefan Hammer)
  * Fix timezone activation leaking into subsequent requests in `require_admin_access()` (Stefan Hammer)
+ * Fix dialog component's message to have rounded corners at the top side (Sam)