how to hide "moved" badge with CSS?

[crazycells]

Hi , I am talking about the moved labels with arrows on the badge that is listed on topics list… how can I target them with CSS?

[phenomlab]

@crazycells no, it was for harmony if I recall correctly. I’ll need to check if not.

EDIT - the below CSS will hide those types of badges from the topic list

span.badge.border.border-gray-300.text-body {
    display: none;
}

The below will hide the same from the topic view

a.badge.badge.border.border-gray-300.text-body.text-decoration-none {
    display: none;
}

It’s important to note that this will target other “action” badges also. If you’d like to target specific text whilst leaving other badges alone, this will likely require custom JS to do so. The CSS I provided above is active on Sudonix.

[phenomlab]

@crazycells

Removing blue 'moved' tag from post

@Panda Yeah, that is annoying actually. Here you go [component="topic/labels"] .badge.text-primary { display: none; }

Sudonix | A one-stop-shop for all your technology questions

[crazycells]

@phenomlab hi Mark, my question is for the “harmony theme”, I believe your code is for the “Persona” ? It is not working…

[phenomlab]

@crazycells no, it was for harmony if I recall correctly. I’ll need to check if not.

EDIT - the below CSS will hide those types of badges from the topic list

span.badge.border.border-gray-300.text-body {
    display: none;
}

The below will hide the same from the topic view

a.badge.badge.border.border-gray-300.text-body.text-decoration-none {
    display: none;
}

It’s important to note that this will target other “action” badges also. If you’d like to target specific text whilst leaving other badges alone, this will likely require custom JS to do so. The CSS I provided above is active on Sudonix.

[crazycells]

hi @phenomlab , this code is removing all badges includes “pinned”, can we specifically target the “moved” label?

[phenomlab]

@crazycells not with CSS as this is a shared class and would likely have an undesirable affect as I mentioned earlier in the previous post.

It should be possible with some custom js which I could easily put together.

[crazycells]

@phenomlab Thanks a lot Mark, let me ask first on nodebb community… I have some reasons but let’s see if I can convince them to add this

[phenomlab]

@crazycells ok. No issues. Sharing classes like this was always going to cause issues.

[crazycells]

@phenomlab @barisusakli has just added a selector for moved topics…

add topic/moved component · NodeBB/nodebb-theme-harmony@34d7545

Harmony theme for NodeBB v3.0+. Contribute to NodeBB/nodebb-theme-harmony development by creating an account on GitHub.

GitHub

[phenomlab]

@crazycells good, but I think it would have made sense to cover all of them.

[crazycells]

@phenomlab yeah but I believe they already have their own components…

component=“topic/pinned” and component=“topic/locked” were already exist, just “moved” was missing…

[phenomlab]

@crazycells ah, I see. That makes sense.