From ee6aa498c8826a7e931b62f62191e6f1201dee08 Mon Sep 17 00:00:00 2001
From: Thibault Duplessis <t@lichess.org>
Date: Wed, 16 Oct 2024 10:31:57 +0200
Subject: [PATCH] mod timeline style undos

---
 modules/api/src/main/ui/ModTimelineUi.scala |  3 ++-
 ui/mod/css/_mod-timeline.scss               | 15 ++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/modules/api/src/main/ui/ModTimelineUi.scala b/modules/api/src/main/ui/ModTimelineUi.scala
index 027cab282934a..7b67171192ffe 100644
--- a/modules/api/src/main/ui/ModTimelineUi.scala
+++ b/modules/api/src/main/ui/ModTimelineUi.scala
@@ -122,7 +122,8 @@ final class ModTimelineUi(helpers: Helpers)(
         cls := List(
           "mod-timeline__event__action"               -> true,
           s"mod-timeline__event__action--${e.action}" -> true,
-          "mod-timeline__event__action--sentence"     -> Modlog.isSentence(e.action)
+          "mod-timeline__event__action--sentence"     -> Modlog.isSentence(e.action),
+          "mod-timeline__event__action--undo"         -> Modlog.isUndo(e.action)
         )
       )(
         e.showAction
diff --git a/ui/mod/css/_mod-timeline.scss b/ui/mod/css/_mod-timeline.scss
index c38320af9f22b..2f29a42096873 100644
--- a/ui/mod/css/_mod-timeline.scss
+++ b/ui/mod/css/_mod-timeline.scss
@@ -48,12 +48,12 @@
   }
   .user-link {
     flex: 0 0 auto;
-    &:has(i.moderator) {
-      &,
-      i {
-        color: $c-brag;
-      }
-    }
+  }
+}
+.mod-timeline__event--modlog:has(i.moderator) {
+  .user-link,
+  .user-link i {
+    color: $c-brag;
   }
 }
 .mod-timeline__event__action {
@@ -65,7 +65,8 @@
   font-size: 0.9em;
 }
 .mod-timeline__event:has(.mod-timeline__event__action--modMessage),
-.mod-timeline__event:has(.mod-timeline__event__action--sentence) {
+.mod-timeline__event:has(.mod-timeline__event__action--sentence),
+.mod-timeline__event:has(.mod-timeline__event__action--undo) {
   padding: 0.5em 1em;
   border-left: 4px solid $c-brag;
   margin-left: -4px;