XF 2.1 Change color of posts in the moderation queue

[djbaxter]

I'm looking for a way to better highlight moderated posts to make them easier for moderators and administrators to see.

What's the best/easiest way to do this?

 

[djbaxter]

@Russ any suggestions?

 

[Russ]

Need to make a template edit I believe to expose the moderated status.

Template: post_macros
Find:

<article class="message message--post js-post js-inlineModContainer {{ $isIgnored ? 'is-ignored' : '' }} {{ $post.isUnread() ? ' is-unread' : '' }}"

Change to:

<article class="message message--post js-post js-inlineModContainer {{ $isIgnored ? 'is-ignored' : '' }} {{ $post.isUnread() ? ' is-unread' : '' }}{{ $post.message_state == 'moderated' ? ' is-moderated' : '' }}"

Then css in template: extra.less

.block--messages .message.is-moderated {
    border: 5px solid rgb(255, 0, 0);
}

Result:


Of course, with the class, you can style anything you want.

 

[Max Taxable]

I'm looking for a way to better highlight moderated posts to make them easier for moderators and administrators to see.

I just made the phrase itself bold and colored it red by editing the text of the phrase like so:

<b><color=red>This message is awaiting moderator approval, and is invisible to normal visitors.</b></c>

So it looks like:



In ACP it looks like:

 

[djbaxter]

@manster your solution didn't work in my style, even correcting the HTML markup.

<span style="color:red; font-weight: bold;">

</span>

 

[Max Taxable]

@manster your solution didn't work in my style, even correcting the HTML markup.

Well. We tried. I guess we see now why markup isn't recommended in phrase text.

BUT - if you liked the effect, it should be possible for a simple extra.less addition just for the alert box itself not for the entire post like you're asking?

You should be able to style .messageNotice--moderated in extra.less?

 

[djbaxter]

Actually the problem is that you changed the wrong phrase.

It should be this one: awaiting_approval_before_being_displayed_publicly

Then in the phrase translation, use this:

<span style="color:red; font-weight: bold;">
Awaiting approval before being displayed publicly.
</span>

The solution from @Russ also works but this one is a bit more subtle.

 

[djbaxter]

Hmmm... what I posted above worked if I manually put a post in moderation but NOT if a post was in the moderation queue due to moderation rules. I have no idea why.

I have reverted to the solution posted by @Russ above at https://xenforo.com/community/threa...s-in-the-moderation-queue.165347/post-1350977