From 756913c44d20d30814726caef659f4a939518ec0 Mon Sep 17 00:00:00 2001
From: Sage Abdullah <sage.abdullah@torchbox.com>
Date: Thu, 18 Jul 2024 17:05:02 +0100
Subject: [PATCH] Restore ping effect for session with latest revision

Was lost when refactoring the styles to a separate component because @apply doesn't work with custom classes
---
 client/scss/components/_editing-sessions.scss               | 6 +++---
 .../wagtailadmin/shared/editing_sessions/list.html          | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/scss/components/_editing-sessions.scss b/client/scss/components/_editing-sessions.scss
index c32905404f..02d9ac6078 100644
--- a/client/scss/components/_editing-sessions.scss
+++ b/client/scss/components/_editing-sessions.scss
@@ -3,11 +3,11 @@
 }
 
 .w-editing-sessions__avatar {
-  @apply w-mx-[1px] w-w-7 w-h-7 w-rounded-full w-border-2 w-border-surface-field hover:w-border-positive-100;
+  @apply w-mx-[1px] w-w-7 w-h-7 w-border-2 w-border-surface-field hover:w-border-positive-100;
 }
 
 .w-editing-sessions__decorated-avatar {
-  @apply w-relative;
+  @apply w-relative w-rounded-full;
 
   .icon {
     @apply w-w-4 w-h-4 w-absolute -w-bottom-2 w-left-2 w-z-20 w-stroke-surface-header w-shadow-white;
@@ -47,7 +47,7 @@
 
 .w-editing-sessions__session--latest {
   .w-editing-sessions__avatar {
-    @apply w-border-critical-200 w-ping w-ping--critical;
+    @apply w-border-critical-200;
   }
 
   .icon {
diff --git a/wagtail/admin/templates/wagtailadmin/shared/editing_sessions/list.html b/wagtail/admin/templates/wagtailadmin/shared/editing_sessions/list.html
index 97cfab37ec..755fd1da4e 100644
--- a/wagtail/admin/templates/wagtailadmin/shared/editing_sessions/list.html
+++ b/wagtail/admin/templates/wagtailadmin/shared/editing_sessions/list.html
@@ -9,7 +9,7 @@
 
             {% if session.revision_id %}
                 {% fragment as avatar_decorated %}
-                    <div class="w-editing-sessions__decorated-avatar">
+                    <div class="w-editing-sessions__decorated-avatar w-ping w-ping--critical">
                         {{ avatar }}
                         {% icon name="warning" %}
                         <span class="w-editing-sessions__decorator-filler"></span>