Avatar on Topic Header
-
Hi @phenomlab
How are you ?
I see that you have the avatar of the creator of the topic in the “topic header” and you have a keyboard above the avatar when this one or another user is writing in the topic
It’s really interesting, I would like to test to implement it.
How did you do this?
Thanks four expertise Sir
-
Thanks I wil test this plugin !
-
-
Great Plugin
I make it a bit cleaner via this CSS code:
/*------------------------------------------------------------------*/ /*---------------- nodebb-plugin-browsing-users -----------------*/ /*------------------------------------------------------------------*/ /*Space between the avatar and the RSS icon */ .topic [component="topic/browsing-users"] { margin-bottom: -5px; padding-left: 10px; } /*Space between avatars*/ .pull-left { float: left!important; padding-right: 5px; } -
@downpw said in Avatar on Topic Header:
Great Plugin
I make it a bit cleaner via this CSS code:
/*------------------------------------------------------------------*/ /*---------------- nodebb-plugin-browsing-users -----------------*/ /*------------------------------------------------------------------*/ /*Space between the avatar and the RSS icon */ .topic [component="topic/browsing-users"] { margin-bottom: -5px; padding-left: 10px; } /*Space between avatars*/ .pull-left { float: left!important; padding-right: 5px; } Do you have a screenshot of how this looks with the CSS change?
-
DownPWreplied to JAC on 9 Jan 2022, 12:41 Edited 09/01/2022, 12:42 last edited by DownPW 1 Sept 2022, 12:42
-
@downpw said in Avatar on Topic Header:
Sure. I have just modify the space between icon and avatar :
Looks good that
-
@jac said in Avatar on Topic Header:
@downpw said in Avatar on Topic Header:
Great Plugin
I make it a bit cleaner via this CSS code:
/*------------------------------------------------------------------*/ /*---------------- nodebb-plugin-browsing-users -----------------*/ /*------------------------------------------------------------------*/ /*Space between the avatar and the RSS icon */ .topic [component="topic/browsing-users"] { margin-bottom: -5px; padding-left: 10px; } /*Space between avatars*/ .pull-left { float: left!important; padding-right: 5px; } Do you have a screenshot of how this looks with the CSS change?
Just added this change, thanks @DownPW
Did this solution help you?
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (ether email, or push notification). You'll also be able to save bookmarks, use reactions, and upvote to show your appreciation to other community members.
With your input, this post could be even better 💗
RegisterLog in
1/9