Avatar on Topic Header

[DownPW]

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

[phenomlab]

@downpw using this plugin
https://community.nodebb.org/topic/10879/nodebb-plugin-browsing-users-see-browsing-users-in-a-topic?_=1641600646094

[DownPW]

Thanks I wil test this plugin !

[DownPW]

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;
}

[JAC]

@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?

[DownPW]

@jac

Sure. I have just modify the space between icon and avatar :

[phenomlab]

@downpw looks great. I was always going to do something with this but never implemented it.

[JAC]

@downpw said in Avatar on Topic Header:

@jac

Sure. I have just modify the space between icon and avatar :

Looks good that

[JAC]

@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