Pimp my NodeBB (codes for the holidays/christmas theme)

[crazycells]

@phenomlab ahahah done...

[julian]

Do I smell a new topic series.....

[crazycells]

@baris said in Pimp my NodeBB (codes for the holidays/christmas theme):

The snowman is some custom JS.

is there anything else we have to do beside copying this code into "Custom Javascript"? It is not working...

[baris]

@crazycells if you are on 2.x then use this

$(window).on('action:ajaxify.end', function(ev, data) {
    if (!$('#snow-man').length) {
        $(`<img 
            src="https://www.freeiconspng.com/thumbs/snowman-png/snowman-png-29.png" 
            id="snow-man" 
            style="position: fixed; z-index: 1054; bottom: -50px; right: -100px;"/>
        `).appendTo('body');
    }
});

[crazycells]

@baris no, I am using NodeBB 3.6.0 ... it is not working on our dev...

[crazycells]

@baris it is fixed thanks for your help...

[crazycells]

Our snowman blocks the pagination wrapper on mobile... it looks like changing z-index works, but I suspect this might break the image on other pages...

z-index: auto

So, I wonder if there is an easy/smarter fix for this?

[baris]

You can try adding pointer-events: none to the snowman css so it ignores clicks.

$(window).on('action:ajaxify.end', function(ev, data) {
    if (!$('#snow-man').length) {
        $(`<img 
            src="https://www.freeiconspng.com/thumbs/snowman-png/snowman-png-29.png" 
            id="snow-man" 
            style="pointer-events: none; position: fixed; z-index: 1054; bottom: -50px; right: -100px;"/>
        `).appendTo('body');
    }
});

[crazycells]

@baris Thanks a lot, this neatly solved the issue.

[omega]

Deck the Node with Custom Code fra la la la laa la la la laa

Merry Christmas