Special Users - Profile Icons

ron_jeremy

I like the idea of having anonymous 'super users' like admins, mods, etc. I am hoping there will be a way to (optionally) remove the special icons (wrench, lightning bolt, etc.) for these users in future releases or as an extension.

Dominion

I could be wrong, but it seems to me you might be able to accomplish this by creating new groups with the necessary permissions and just not assign them a FontAwesome icon.

I don't have access to an admin panel at the moment, so I can't test whether this is really possible...

Kulga

Dominion Unfortunately, it doesn't remove the badge itself or what it is. However, it doesn't require a color or fonticon. But it seems to default to a blue and will identify itself when hovered over.

I suppose you could disguise it, "Smith" badge or something.

I don't have access to an admin panel at the moment

Always available ?

Dominion

Kulga Unfortunately, it doesn't remove the badge itself or what it is.

Aw shucks!

Kulga Always available

Oh right, I hadn't gotten around to checking it out yet! Thanks!

jordanjay29

Kulga You could also hide it with some CSS trickery. Make a class for that specific badge and set display:none.

Toby

Yeah this is something we should support. Made an issue: #845

luceos

ul.PostUser-badges {
    display: none;
}

Hides all badges.

Sadly there is no css3 selector for "has", you could do it with jQuery though.

Both versions simply hide the element however, which do not make them invisible.

jordanjay29

luceos

.Badge--group--Admin {
    display: none;
}

Replace Admin with GroupName. Hides all GroupName badges.

And yep, it's not invisible to the keen user. It's just obscure to the average user.

Averell

jordanjay29 I tried your code.

.Badge--group--Admin {
    display: none;
}

Works very well. It seems to make them really invisible and I don't see how the keen user will be able to see something. And I like the idea of hiding specific groups and not all, very good.

The problem is that it works too well ! It hides also the badges in the permissions administration window and setting permissions without seeing badges would be a nightmare. But css is so flexible, that it should be possible to overcome this problem, I guess.

Then I tried Luceos code : It works fine, hides all badges, and leaves them in the administration window. It does not hide the yellow badge with the star inside which indicates you are following a discussion.

The problem, as noticed, is that you can easily know to which groups belongs someone, just leave your mouse on the avatar. Nevertheless it is a progress.

It should be possible to get the better of both codes.

luceos

.App--discussion .Badge--group--Admin {
    display: none;
}

This will hide it only on the discussions page.

Averell

luceos Thanks for your code, it works fine now, even with accentuated characters in groups :

.App--discussion .Badge--group--Privé {
    display: none;
}

Nothing else needed. Seems perfect, simple, flexible.

datitisev

Or you could probably use the :not() CSS selector.
Whichever you prefer, of course.

Averell

Well, with beta-5 we need some update.

Discussions list : OK
Posts : OK
User profile : OK for th first screen, when you click on the avatar in a post.
- But if now you click on posts or discussions, the badges appear again.

If someone knows the css command to use to hide them, it would be appreciated.
@luceos perhaps you could help once again ?

Averell

.UserCard-badges {
     display: none;
}


.PostUser-badges {
    display: none
}

Does the trick.

This will hide ALL badges from everywhere but the permissions page. If I missed something, please tell.

Separate configuration for each group is possible with :

.PostUser-badges .Badge--group--Groupe_privé {
    display: none
}

will hide only the badge "privé"

Averell

@luceos , unfortunaltely I find that :

 .UserCard-badges {
     display: none;
}

hides also the badges in hyn/guardian interface ?

Any suggestion to prevent this ?

datitisev

Averell You could probably use the :not() CSS selector in some way

EDIT: Sorry, didn't notice I put this here in the discussion earlier, sorry guys ?

Averell

datitisev .PostUser-badges

Yes @datitisev but the problem is that I program in Python and I am unfamiliar with css. I think I should exclude GuardianPage (or probably better : GuardianList) but I don't know how you do that. Wouldn't it be more simple to hide only in the UserCard, which is what I need.

The problem is that Hyn/Guardian uses this class : Here is the line which creates the badges in hyn/Guardian

m('td', user.badges().toArray().length ? m('ul', {className: 'UserCard-badges badges'}, listItems(user.badges().toArray())) : '')

datitisev

Averell What about this:

.UserPage .UserCard-profile .UserCard-badges {
      display: none;
}

This will only hide them in the profile view (I think ❓) though, I don't know the classes of anything else sorry ?

Averell

Yes @datitisev you are right, it works fine ! Thank you.