https://bugzilla.wikimedia.org/show_bug.cgi?id=52775
Web browser: ---
Bug ID: 52775
Summary: some 'x' close icons look awful in Firefox depending
on zoom setting
Product: MediaWiki
Version: unspecified
Hardware: All
OS: All
Status: NEW
Keywords: design
Severity: minor
Priority: Unprioritized
Component: Skin and page rendering
Assignee: [email protected]
Reporter: [email protected]
CC: [email protected], [email protected]
Classification: Unclassified
Mobile Platform: ---
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.
--
You are receiving this mail because:
You are the assignee for the bug.
You are on the CC list for the bug.
_______________________________________________
Wikibugs-l mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l
