https://bugzilla.wikimedia.org/show_bug.cgi?id=49285
Web browser: ---
Bug ID: 49285
Summary: ArticleFeedbackv5: Text is blurry due to use of CSS3
filter
Product: MediaWiki extensions
Version: unspecified
Hardware: All
OS: All
Status: NEW
Severity: normal
Priority: Unprioritized
Component: ArticleFeedbackv5
Assignee: [email protected]
Reporter: [email protected]
CC: [email protected]
Classification: Unclassified
Mobile Platform: ---
Created attachment 12487
--> https://bugzilla.wikimedia.org/attachment.cgi?id=12487&action=edit
Screenshot of problem.
This CSS3 feature is known to be problematic due to the browser using a
pixel-based filter which, apparently, doesn't account for pixel ratio of the
device yet.
On iOS Mobile Safari and other webkit-based engines (desktop: Blink, Chromium,
Chrome, Safari, ..) this is causing some text to be blurry.
I'd recommend not using this feature for now. If you must, try to limit it to
icons and move the text into a separate element that is not affected by the
same selector.
Especially noticeable since only some of the fields in
Special:ArticleFeedbackv5 use it. The others look good, making this one look
even blurrier (optical illusion).
https://www.google.com/search?q=webkit+filter+grayscale+blurry+retina
--
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
