diff --git a/app/assets/javascripts/discourse/widgets/post-small-action.js.es6 b/app/assets/javascripts/discourse/widgets/post-small-action.js.es6 index 586e838e2d7..29211eb0dd3 100644 --- a/app/assets/javascripts/discourse/widgets/post-small-action.js.es6 +++ b/app/assets/javascripts/discourse/widgets/post-small-action.js.es6 @@ -26,6 +26,10 @@ const icons = { export default createWidget('post-small-action', { tagName: 'div.small-action.onscreen-post.clearfix', + buildClasses(attrs) { + if (attrs.deleted) { return 'deleted'; } + }, + html(attrs) { const contents = []; diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss index c1d6c9d1982..f04cdec865f 100644 --- a/app/assets/stylesheets/desktop/topic-post.scss +++ b/app/assets/stylesheets/desktop/topic-post.scss @@ -588,11 +588,15 @@ a.mention, a.mention-group { } .deleted { - .topic-body, .small-action { + .topic-body { background-color: dark-light-diff(rgba($danger,.7), $secondary, 50%, -60%); } } +.small-action.deleted { + background-color: dark-light-diff(rgba($danger,.7), $secondary, 50%, -60%); +} + #share-link { width: 365px; margin-left: -4px;