Closed Bug 1696202 Opened 3 years ago Closed 3 years ago

Refactor close-icon.css to use color-mix() and update Proton tab close button to match updated spec

Categories

(Toolkit :: Themes, task, P1)

task

Tracking

()

RESOLVED FIXED
88 Branch
Tracking Status
firefox88 --- fixed

People

(Reporter: ntim, Assigned: ntim)

References

(Blocks 1 open bug)

Details

(Whiteboard: [proton-tabs-bar])

Attachments

(1 file)

https://searchfox.org/mozilla-central/source/toolkit/themes/shared/close-icon.css

This gives a few benefits:

  • not having to do fill-opacity: 0; to remove the background (which is weird in hindsight), and allows removing all the current overrides.
  • aligns close-icon to use fill instead of stroke
  • flexibility around the size of background (see bug 1692608)

Let's use background-color: color-mix(in srgb, currentColor 10%, transparent) instead.

Assignee: nobody → ntim.bugs
Status: NEW → ASSIGNED
Pushed by ntim.bugs@gmail.com:
https://hg.mozilla.org/integration/autoland/rev/ad2a774fdc62
Refactor close-icon.css to use color-mix(). r=preferences-reviewers,jaws
Severity: -- → S3
Priority: -- → P1
Summary: Refactor close-icon.css to use color-mix() → Refactor close-icon.css to use color-mix() and update Proton tab close button to match updated spec
Whiteboard: [proton-tabs-bar]
Status: ASSIGNED → RESOLVED
Closed: 3 years ago
Resolution: --- → FIXED
Target Milestone: --- → 88 Branch
Blocks: 1695140
Blocks: 1697802
Regressions: 1701130
Regressions: 1702139
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: