[cXF] Sticky Postbit

[BassMan]

BassMan submitted a new resource:

[cXF] Sticky Postbit - DIY simple sticky postbit

To have a sticky postbit like this:

View attachment 312012


Add this code to your extra.less template:

/* [cXF] Sticky Postbit */
@media (min-width: @xf-responsiveMedium) {
    .message-user {
        position: -webkit-sticky;
        position: sticky;
        top: 37px;

        .message-userArrow {
            right: -11px;
        }
    }
}
/**********/

Adjust the top value to suit your needs.


See it live...

Read more about this resource...

 

[mrdoitnyce]

I like this, I've been using this already along with many others all thanks to chatgpt. I wanted to post some tips for a long time with all the cool things it gave me, but I was just lazy. lol I was first impressed by this by [xgt] xengentr and their sticky postbit on their v11 skin. one day i decided to ask chatgpt about it and realized i could literally ask chatgpt for anything thing else i desired in regards to XF and it just pops out less codes or tutorials on which templates to edit and where to put the codes it gave me depending on what i asked for.

Nevertheless, good job, bassman.

 

[Deleted member 184953]

This property seems to be deprecated or false:

 

[BassMan]

Actually, this is not necessary any more for modern browsers. I guess I am still used to adding this. I'll remove it from the code.

 

[Kintaro]

Finally someone take over Elavatar