mod timeline style undos

lichess-org · Oct 16, 2024 · ee6aa49 · ee6aa49
1 parent 43f41b0
commit ee6aa49
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git 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
@@ -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;