Guest css filter

[chez]

Greetings!

I am trying to create a css code, which will only affect guests, or code that will only affect those who are logged in to the forum.

The question is how to make such a filter ...

Or maybe another solution ???

[baris]

https://github.com/NodeBB/NodeBB/commit/04b1f702cd1c1eb345add2cfebb842bd2c1c5cc6, You can use user-loggedin and user-guest after this commit.

0 barisusakli committed to NodeBB/NodeBB

feat: add loggedin/guest class to body

[josef]

@baris I did not understand
I added the code you referred to the main JS page of my forum
What do I need to write in practice for the next CSS code to apply but only to guests?

//Removing the Like button
[component="post/upvote"],
{
   display: none !important;
}

Purpose: To remove the Like button

[baris]

@שלמה-shlomo

You need to add this code

if (req.loggedIn) {
	parts.push('user-loggedin');
} else {
	parts.push('user-guest');
}

in this file src/middleware/helpers.js in the buildBodyClass function.

After that your css can use

.user-guest [component="post/upvote"],
{
   display: none !important;
}

[josef]

@baris Thank you!
It just works!
Now I can hide objects from guests