XF 2.3 Restrict oversized smilies in AdminCP

[Disciple of Nagash]

I've found some good quality animated smilies, I don't really want to mess around with the file and I've restricted their size on the forum front-end, but they show massive in ACP. Where do need to edit in the master admin templates to enforce a size restriction here?

 

[fords8]

I've restricted their size on the forum front-end

How did you go about this?

 

[Disciple of Nagash]

By putting this into my extra.less:

/* --- Force Custom Smilie Size --- */
img.smilie {
    max-width: 22px !important;
    max-height: 22px !important;

But this isn't ideal as now I have some custom animated smilies which are being presented at the wrong size. What I'm struggling to understand is that there are clearly high-resolution smilies being served up (the default ones) which appear in the ACP and on the forum front end at the appropriate size, but I don't understand how to add custom ones so they do the same

 

[Kevin]

By putting this into my extra.less:

You shouldn't need to mess with adding anything to your extra.less file; instead turn on the checkbox for "Sprite Mode", set your dimensions there to be 22x22, and use 100% for the background size.

To see that in action, below are three screen shots. The first screen shot shows some Minions with the sprite mode turned off, then a screenshot showing the settings updated to turn on sprite mode (with dimensions & background size), and then the result.

Don't forget to clean up your extra.less template and remove (or comment out) the stuff you don't need after making the updates to the smilies.



Large Smilies with Sprite Mode turned off


Update the "Bananas!" smiley to turn on Sprite Mode, specify 22 x 22 for it's display size, and use set the background to be 100%


Here's the same "Bananas!" smiley after changing the options above