XF 2.2 How do I add a line break after a certain amount of custom reactions are displayed?

[zoldos]

I have a lot of custom reactions and they go all the way across the page when opened. I thought I saw on another XF forum where there was a line break in the reactions so it's easier to view, but I can't recall which one.

My main issue is when you try to mouse over a reaction on the far side, it's difficult unless you keep it perfectly centered. Otherwise, the reaction bar closes! Thanks!

 

[MentaL]

This would be a handy feature.

 

[Chromaniac]

XF 2.3 Post in thread 'Any way to stack reaction emojis so it's not a long list?'

Aug 22, 2024

Do your veteran members want to have fun with emojis? What rascals these are!
You can try this in extra.less:

@media (min-width: @xf-responsiveMedium) {
    .reactTooltip {
        max-width: 200px;
    }
}

• Old Nick

 

[MentaL]

XF 2.3 Post in thread 'Any way to stack reaction emojis so it's not a long list?'

Aug 22, 2024

Do your veteran members want to have fun with emojis? What rascals these are!
You can try this in extra.less:

@media (min-width: @xf-responsiveMedium) {
    .reactTooltip {
        max-width: 200px;
    }
}

• Old Nick

Top totty.