Badged the Facebook Container icon when a tracker is dectected/blocked

mozilla / contain-facebook

Facebook Container isolates your Facebook activity from the rest of your web activity in order to prevent Facebook from tracking you outside of the Facebook website via third party cookies.

Mozilla Public License 2.0

974 stars 176 forks source link

Badged the Facebook Container icon when a tracker is dectected/blocked #411

Open e-pang opened 5 years ago

e-pang commented 5 years ago

Badge the FBC toolbar icon with a red shield when trackers are detected/blocked.

See spec: https://mozilla.invisionapp.com/share/WNREP95GJ4V#/362050172_Block_Third-Party_Sub-Resources_-2-0-

svg asset: fence-badged.svg.zip

maxxcrawford commented 5 years ago

I'm still unable to detect dark/light themes dynamically. I am, however, able to only set a badge bubble when something is blocked:

Note – I'm unable to set the gradient background from pink to purple, so I just went with purple. On sites that aren't blocking anything or are in/on Facebook, no bubble shows.

/cc @arthur-mozilla

maxxcrawford commented 5 years ago

Note – It's tied to the same logic that displays this doorhanger. If the doorhanger is updated to change, so is the bubble.