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

[zzlpolitics]

My users wanted more reactions and then even more so uhh it's a long list:



Is there a way I could stack them like 5 each and center it or something like that? It seems to do that on mobile because it's two rows so... there must be a way!

Thanks in advance!

 

[Old Nick]

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

 

[Paul B]

Mine's set to 340px.

 

[zzlpolitics]

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

I'm so excited I get to add something to extra.less! Thank you (and Paul)!

 

[zzlpolitics]

@Old Nick it's not nearly as much a problem for mobile because the screen limits the spread naturally but any idea how to add the same thing to mobile?

No worries if not, thank you!

 

[Old Nick]

Remove the media queries:

.reactTooltip {
    max-width: 200px;
}