Don't use CSS opacity to fade text in the new add-ons manager

VERIFIED FIXED in mozilla2.0b8

Status

()

defect
VERIFIED FIXED
9 years ago
9 years ago

People

(Reporter: jruderman, Assigned: Unfocused)

Tracking

Trunk
mozilla2.0b8
Points:
---
Bug Flags:
in-testsuite -
in-litmus -

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

9 years ago
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.3a5pre) Gecko/20100429 Firefox/3.7a5pre

At least on Mac, opacity prevents text from going through sub-pixel anti-aliasing.  The result is text that is noticeably more jaggedy.

Please use different CSS color properties rather than opacity in the add-ons manager, so the text can be pretty.

Comment 1

9 years ago
This also hits Bug 363861 on Windows, so the hyperlink under the add-on name gets yellow pixels in it.
We should use graytext for the normal text. Not sure what to do about the links.
Depends on: 563565
Whiteboard: [AddonsRewrite]

Comment 3

9 years ago
Hint: replace:
260 .addon[status="installed"][active="false"] .fade {
261   opacity: 0.6;
262 }

with:
.addon[status="installed"][active="false"]:not([selected="true"]) .fade{
   color:threedshadow !important;
}
.addon[status="installed"][active="false"]:not([selected="true"]) .icon{
   opacity:0.5
}

I have also added 'not([selected' to only fade the text when the item is not selected.

Comment 4

9 years ago
you are talking about a workaround.
close this bug and open a new one called “fix font rendering of translucent text on mac”
Assignee: nobody → bmcbride
Blocks: 601022
No longer blocks: 550048
Status: NEW → ASSIGNED
No longer depends on: 563565
OS: Mac OS X → All
Hardware: x86 → All
Whiteboard: [AddonsRewrite] → [needs 601022]
No longer blocks: 601022
Depends on: 601022
Fixed by bug 601022, file any remaining issues separately
Status: ASSIGNED → RESOLVED
Last Resolved: 9 years ago
Resolution: --- → FIXED
Whiteboard: [needs 601022]
Target Milestone: --- → mozilla2.0b8
Marking as verified fixed with builds on all platforms like Mozilla/5.0 (X11;
Linux i686; rv:2.0b8pre) Gecko/20101125 Firefox/4.0b8pre ID:20101125030318
Status: RESOLVED → VERIFIED
Flags: in-testsuite-
Flags: in-litmus-
You need to log in before you can comment on or make changes to this bug.