mozilla/fx-private-relay

Relay add-on is shown with the wrong icon (wrong colors, looks squished) in Firefox on Android add-ons list

dholbert opened this issue · 7 comments

STR:

  1. Open Firefox on Android
  2. Tap the 3-dot menu and choose "Add-ons"
  3. Scroll down until you see the Firefox Relay listing, and look at the icon.
  4. Tap the + to install the Relay add-on, and look at the icon now.

ACTUAL RESULTS:

  • The icon shown in the Add-ons listing (step 3) looks wrong; it's got pink lines on a black hexagon, and looks vertically squashed.
  • The icon shown after I hit + (step 4) looks correct (it matches the icon shown on https://relay.firefox.com/accounts/profile/ and has black lines on a pink hexagon, and does not look vertically squashed.

EXPECTED RESULTS:
Consistent icon -- we should show the correct Relay icon in the Add-ons listing in Firefox for Android in step 3 here.

(I don't know where this icon lives, so I'm not sure where exactly to file this -- in Relay or in https://github.com/mozilla-mobile/firefox-android or somewhere else. I'm starting this out as a bug in the Relay repo, anyway; we can morph/copypaste elsewhere as-needed.)

Screenshot showing the wrong icon in step 3 (pink-lines-on-black-background, vertically squashed):
screenshot

Screenshot showing what it looks like after I hit + (with the same wrong icon still visible, but the correct icon visible in the confirmation prompt):
screenshot

@cpeterso noticed that the wrong icon (dark background, squashed height) seems to be live on AMO (that's probably where we're pulling it from): https://addons.mozilla.org/en-US/firefox/addon/private-relay/

Screenshot of AMO with squashed/wrong-colors icon:

Screenshot_20231119-133502

@dholbert Thanks for flagging this. I updated the icon within AMO.

https://addons.mozilla.org/en-US/firefox/addon/private-relay/ now shows the correct icon. I checked on the Firefox for Android add-ons list, but it's still cached.

image image

Also, fwiw - the Chrome web store has the same logo too. This should make it consistent across all the surfaces.

image

@dholbert Thanks for flagging this. I updated the icon within AMO.

https://addons.mozilla.org/en-US/firefox/addon/private-relay/ now shows the correct icon. I checked on the Firefox for Android add-ons list, but it's still cached.

Thanks, @maxxcrawford ! I'm seeing the correct icon in the Firefox-for-Android addons list (testing with Firefox Beta 120.0b9 which was mostly-fresh-profile, to avoid the potential for locally cached old icons.)

So: verified-fixed. \o/