Reputation system update

[DownPW]

Technically, how does this system work?

Do you use a specific plugin or is it homemade?

[phenomlab]

@downpw Have a look here
https://community.nodebb.org/topic/6178/nodebb-plugin-reputation-rules-reputation-rules-plugin-for-nodebb?_=1642065937836

[DownPW]

hmm ok but it’s not this plugin who add this status or other

[phenomlab]

@downpw sorry ! This one

https://github.com/dealbee/nodebb-plugin-user-level#readme

[DownPW]

ha yes it’s not the same things

I have the first installed on server prod ^^

[phenomlab]

@downpw my fault.

[DownPW]

No problem @phenomlab

I see you have the badge at the right of the name. It’s not the placement by default (left) of the plugin.
How do you do that? By CSS ?

I see other things like this :

I’m interested for this too.

[phenomlab]

@downpw said in Reputation system update:

I see you have the badge at the right of the name. It’s not the placement by default (left) of the plugin.
How do you do that? By CSS ?

Yes. Try this

.user-level-topic {
    float: right;
}

@downpw said in Reputation system update:

I’m interested for this too.

That’s a custom CSS block I wrote

.topic-owner-post [itemprop="author"]:after {
    content: "Author";
    background-image: linear-gradient(to right, #f75, #feaa4a);
    border-radius: 4px;
    color: #fff;
    margin-left: 10px;
    margin-right: 0px;
    vertical-align: middle;
    font-size: 10px;
    padding: 2px 10px 3px 10px;
}

[DownPW]

Great. thanks @phenomlab

I’m trying to have the same button height and the whole block to be aligned but it’s difficult.

– I can’t get all anything perfect on pc and smarrtphone. I cheated with the height/padding/margin/top values but the result is approximate :

---

–On smartphone, the time ago class is not aligned because so many buttons title.
Maybe moved the Author button or timeago class on the topic header? What would be your opinion on that?

[DownPW]

I think I will not use your author button because I use Badge group and 3 badge it’s too much to display…

But your idea is so cool ^^