Last modified: 2013-08-13 11:03:04 UTC

Wikimedia Bugzilla is closed!

Wikimedia migrated from Bugzilla to Phabricator. Bug reports are handled in Wikimedia Phabricator.
This static website is read-only and for historical purposes. It is not possible to log in and except for displaying bug reports and their history, links might be broken. See T54775, the corresponding Phabricator task for complete and up-to-date bug report information.
Bug 52775 - some 'x' close icons look awful in Firefox depending on zoom setting
some 'x' close icons look awful in Firefox depending on zoom setting
Status: NEW
Product: MediaWiki
Classification: Unclassified
Interface (Other open bugs)
1.22.0
All All
: Normal minor (vote)
: ---
Assigned To: Nobody - You can work on this!
: design
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2013-08-13 01:50 UTC by spage
Modified: 2013-08-13 11:03 UTC (History)
1 user (show)

See Also:
Web browser: Firefox
Mobile Platform: ---
Assignee Huggle Beta Tester: ---


Attachments

Description spage 2013-08-13 01:50:27 UTC
Look at https://www.mediawiki.org/wiki/File:2013-08-02_Thanks_extension_dialog.png
The 'x' close icon looks like a cursive smear. This was taken in Firefox 22 on Ubuntu 13.04, I reproduced with Firefox 22 on Windows 7. It's the stock jQuery UI close background image for Vector, https://bits.wikimedia.org/static-1.22wmf12/resources/jquery.ui/themes/vector/images/close.png , which appears to be a completely symmetrical x shape.

If you bring up this dialog (login, visit a wiki page, View history, and thank someone), and zoom in (Ctrl-+) several times, the dialog's close icon resolves into a normal (pixelated but straight-edged) 'x'. And if you zoom out you will see it snap to its normal size.  This may simply be crummy Firefox image resizing behavior, since Chromium doesn't mangle the 'x' so badly at any zoom. But if you display the image alone in Firefox and zoom in and out it doesn't look as bad as when the image acts as a CSS background.

The CSS for the background image looks straightforward, I don't see any obvious errors in it. Adding a 1-pixel alpha border to the icon png might entice Firefox to resize it cleanly. Or we could just use the Unicode symbol × '×' as PostEdit does, and avoid pixels altogether.

Bug 48067 is the general inconsistency of MediaWiki close icons.

Note You need to log in before you can comment on or make changes to this bug.


Navigation
Links