Fixed Note tooltip: Button height inconsistency with icon+text and icon only buttons, in Firefox: shrinking note textarea

Affected version
2.1.2

marquisite

Well-known member
Here on XenForo.com, XFMG's note tooltip 'Save' and 'Cancel' buttons have additional padding whereas the delete button has normal padding.

The same button height/padding issue was previously fixed for XFMG image editor buttons:

205114

Additionally, when editing an existing note in FireFox, the textarea height shrinks once it has focus. Some inline CSS is added at this point that was not there pre-focus:
CSS:
overflow: hidden; overflow-wrap: break-word; height: 56px;

This editing note textarea height issue doesn't seem to affect Chrome.

When adding a new note, the above inline CSS is added without first giving the textarea focus.
 

marquisite

Well-known member
Yes, this is the default style. The screenshot was captured right here on XenForo.com. :)

Image notes in XenForo Media Gallery are something that you can add to a certain spot on your own XFMG images, such as identifying someone's face or specific points of interest. They were added in XFMG 2 (as a replacement for user tagging in XFMG 1). Image notes are described in more detail in the 'Have you seen...?' post for XFMG below:
 

XF Bug Bot

XenForo bug fixer bot
Staff member
Thank you for reporting this issue. It has now been resolved and we are aiming to include it in a future XFMG release (2.1.3).

Change log:
Adjust size of delete button when editing an image note and workaround a sizing issue for the note field in Firefox.
Any changes made as a result of this issue being resolved may not be rolled out here until later.
 
Top