Closed
Bug 1168585
Opened 9 years ago
Closed 9 years ago
The search dropdown and icons within the Search panel are blurry/pixelated on Windows HiDPI
Categories
(Firefox :: Theme, defect)
Tracking
()
People
(Reporter: jaws, Assigned: jaws)
References
Details
Attachments
(2 files, 3 obsolete files)
12.58 KB,
patch
|
jaws
:
review+
|
Details | Diff | Splinter Review |
12.69 KB,
patch
|
lmandel
:
approval-mozilla-beta+
|
Details | Diff | Splinter Review |
No description provided.
Flags: qe-verify-
Flags: firefox-backlog+
Comment 1•9 years ago
|
||
Likely a dupe of bug 1163559 and not Windows-specific.
Assignee | ||
Comment 2•9 years ago
|
||
Not a dupe because it covers other icons in the search UI outside of the search engine icons.
Assignee | ||
Comment 3•9 years ago
|
||
Attachment #8611363 -
Flags: review?(gijskruitbosch+bugs)
Comment 4•9 years ago
|
||
Comment on attachment 8611363 [details] [diff] [review] Patch Review of attachment 8611363 [details] [diff] [review]: ----------------------------------------------------------------- ::: browser/themes/windows/searchbar.css @@ +7,5 @@ > } > > .searchbar-dropmarker-image { > --searchbar-dropmarker-url: url("chrome://browser/skin/searchbar-dropdown-arrow.png"); > + --searchbar-dropmarker-2x-url: url("chrome://browser/skin/searchbar-dropmarker@2x.png"); Dumb idea, I'm sure, but... couldn't we do: @media (min-resolution: 1.1dppx) { .searchbar-dropmarker-image { --searchbar-dropmarker-url: url("chrome://browser/skin/searchbar-dropmarker@2x.png"); } } And ditto for the other images? Seems neater. :-) @@ +137,5 @@ > + } > + > + .search-go-button { > + list-style-image: url("chrome://browser/skin/Search@2x.png"); > + width: 14px; We already margin-specify these to death; can we specify the width in the same place, please? @@ +161,5 @@ > + > + searchbar[oneoffui] .search-go-button { > + list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); > + -moz-image-region: rect(0, 84px, 28px, 56px); > + width: 14px; No need to specify width: a second time here. @@ +280,5 @@ > .addengine-badge { > width: 16px; > height: 16px; > margin: -7px -9px 7px 9px; > + list-style-image: url("chrome://browser/skin/0.png"); This seems wrong.
Attachment #8611363 -
Flags: review?(gijskruitbosch+bugs) → review-
Assignee | ||
Comment 5•9 years ago
|
||
I removed the search-indicator-add-engine graphic from the tree since it's unused by any theme. (In reply to :Gijs Kruitbosch from comment #4) > Dumb idea, I'm sure, but... couldn't we do: > > @media (min-resolution: 1.1dppx) { > .searchbar-dropmarker-image { > --searchbar-dropmarker-url: > url("chrome://browser/skin/searchbar-dropmarker@2x.png"); > } > } Not a dumb idea. I agree that we should do something to clean that up, but this affects devedition which also uses these variables with SVG icons. We should handle that in a follow-up due to the coordination with the devtools people. > @@ +161,5 @@ > > + > > + searchbar[oneoffui] .search-go-button { > > + list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); > > + -moz-image-region: rect(0, 84px, 28px, 56px); > > + width: 14px; > > No need to specify width: a second time here. width needs to be specified again for the oneoffsearch UI because it uses 14px in oneoffsearch and 16px in the old UI. > @@ +280,5 @@ > > .addengine-badge { > > width: 16px; > > height: 16px; > > margin: -7px -9px 7px 9px; > > + list-style-image: url("chrome://browser/skin/0.png"); > > This seems wrong. Ouch, don't know how that got in there. Reverted.
Attachment #8611363 -
Attachment is obsolete: true
Attachment #8611404 -
Flags: review?(gijskruitbosch+bugs)
Comment 6•9 years ago
|
||
Comment on attachment 8611404 [details] [diff] [review] Patch v1.1 Review of attachment 8611404 [details] [diff] [review]: ----------------------------------------------------------------- r+ with widths moved and the one question answered. ::: browser/themes/windows/searchbar.css @@ +111,5 @@ > > searchbar[oneoffui] .search-go-button { > list-style-image: url("chrome://browser/skin/reload-stop-go.png"); > -moz-image-region: rect(0, 42px, 14px, 28px); > + width: 14px; This is interesting because the width was in there twice in the previous patch, both as 14px. (for .search-go-button and searchbar[oneoffui] .search-go-button). It looks like now you no longer change the search-go-button in the non-oneoffui case? Is that intentional? @@ +133,5 @@ > + } > + > + .searchbar-dropmarker-image { > + list-style-image: var(--searchbar-dropmarker-2x-url); > + width: 7px; I'm sorry, I should have been more specific. I kinda meant all of these width: specifications. I suppose I'm potentially *too* paranoid, but I would feel happier if we specified the width everywhere, including on lodpi.
Attachment #8611404 -
Flags: review?(gijskruitbosch+bugs) → review+
Assignee | ||
Comment 7•9 years ago
|
||
(In reply to :Gijs Kruitbosch from comment #6) > ::: browser/themes/windows/searchbar.css > @@ +111,5 @@ > > > > searchbar[oneoffui] .search-go-button { > > list-style-image: url("chrome://browser/skin/reload-stop-go.png"); > > -moz-image-region: rect(0, 42px, 14px, 28px); > > + width: 14px; > > This is interesting because the width was in there twice in the previous > patch, both as 14px. (for .search-go-button and searchbar[oneoffui] > .search-go-button). > > It looks like now you no longer change the search-go-button in the > non-oneoffui case? Is that intentional? Yeah, that was an intentional change in this latest patch. I realized that we were missing the HiDPI icon for the non-oneoffui, and as the oneoffui is the future I'm not concerned about us not having that icon. > @@ +133,5 @@ > > + } > > + > > + .searchbar-dropmarker-image { > > + list-style-image: var(--searchbar-dropmarker-2x-url); > > + width: 7px; > > I'm sorry, I should have been more specific. I kinda meant all of these > width: specifications. I suppose I'm potentially *too* paranoid, but I would > feel happier if we specified the width everywhere, including on lodpi. I've moved the rest in my latest patch.
Attachment #8611404 -
Attachment is obsolete: true
Attachment #8611462 -
Flags: review+
Assignee | ||
Comment 8•9 years ago
|
||
Attachment #8611462 -
Attachment is obsolete: true
Attachment #8611475 -
Flags: review+
Comment 10•9 years ago
|
||
https://hg.mozilla.org/mozilla-central/rev/cb827b44f564
Status: ASSIGNED → RESOLVED
Closed: 9 years ago
status-firefox41:
--- → fixed
Resolution: --- → FIXED
Target Milestone: --- → Firefox 41
Assignee | ||
Comment 11•9 years ago
|
||
Approval Request Comment [Feature/regressing bug #]: Windows 10 HiDPI [User impact if declined]: HiDPI icons on Windows are blurry [Describe test coverage new/current, TreeHerder]: on mozilla-central for much of 41-nightly [Risks and why]: none expected [String/UUID change made/needed]: none https://hg.mozilla.org/try/pushloghtml?changeset=71084a9edf1e
Attachment #8627205 -
Flags: approval-mozilla-beta?
Updated•9 years ago
|
status-firefox40:
--- → affected
Comment 12•9 years ago
|
||
Comment on attachment 8627205 [details] [diff] [review] Patch for 40 Visual fix in support of Windows 10. On m-c for more than a month. Beta+
Attachment #8627205 -
Flags: approval-mozilla-beta? → approval-mozilla-beta+
You need to log in
before you can comment on or make changes to this bug.
Description
•