diff --git a/modules/api/src/main/ui/ModTimelineUi.scala b/modules/api/src/main/ui/ModTimelineUi.scala index 027cab282934..7b67171192ff 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 c38320af9f22..2f29a4209687 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;