Fixed Reaction dynamic sizes cause misalignment.

Jaxel

Well-known member
Affected version
2.1
The default reaction size is 32px. The reaction sprite cache automatically creates a "small" stylesheet that is based on half the size of the sprite. So if the sprite was 32px, the small version becomes 16px. 16px is perfect for basic styling.

However, on my forums, I have been replacing the reaction sprites with custom 64px versions. This way they show up bigger on the like modal popup. Unfortunately, this means the small version becomes 32px instead. This of course, is far too big for styling.

This does not affect the Reactions Bar, because the reactions bar is wrapped in a container with a max width, which the the sprite conforms to. However, the Action Bar is not wrapped in the same type of container... so the sprite doesn't conform. I think either the small sprites should be defaulted to 16px, or the action bar should be wrapped in a max-width container like the reactions bar.

Example in the screenshot:
189015

You can see in the screenshot that the "Haha" reaction in the first post looks fine. But the "Dislike" reaction in the second post shifts the action bar.
 
I'm using sprites, which get resized. That says non-sprites, which arent getting resized.

Though the fix I recommended, would fix both,
Plus, you are using larger sizes than the 32px I used. I eventually will move mine to a sprite sheet, but while we decide on which reactions we'll use in our public forum, I can swap them in and out easily. (I put the entire EmojiOne 4.0 set into a directory we can view and select from.)
 
Thank you for reporting this issue. The issue is now resolved and we are aiming to include that in a future XF release (2.1.0 Beta 3).

Change log:
Scale alternate size reaction sprites to correct small and medium size regardless of original size.
Any changes made as a result of this issue being resolved may not be rolled out here until later.
 
Back
Top Bottom