Quick share icons vary in size
Categories
(Firefox for Android Graveyard :: Theme and Visual Design, defect, P2)
Tracking
(firefox-esr60 wontfix, firefox-esr68 verified, firefox65 wontfix, firefox66 wontfix, firefox67 wontfix, firefox68 wontfix, firefox69 verified, firefox70 verified)
People
(Reporter: eliza.balazs, Assigned: petru)
References
Details
(Keywords: polish, Whiteboard: [fennec68.1])
Attachments
(8 files)
(deleted),
image/png
|
Details | |
(deleted),
image/png
|
Details | |
(deleted),
image/png
|
Details | |
(deleted),
image/png
|
Details | |
(deleted),
image/png
|
Details | |
(deleted),
text/x-phabricator-request
|
RyanVM
:
approval-mozilla-beta+
RyanVM
:
approval-mozilla-esr68+
|
Details |
(deleted),
text/x-phabricator-request
|
RyanVM
:
approval-mozilla-beta+
RyanVM
:
approval-mozilla-esr68+
|
Details |
(deleted),
text/x-phabricator-request
|
RyanVM
:
approval-mozilla-beta+
RyanVM
:
approval-mozilla-esr68+
|
Details |
Environment:
Device: Huawei MediaPad M2(Android 5.1.1);
Build: Nightly 67.0a1 (2019-02-20);
Steps to reproduce:
- Open a webpage.
- Open the custom menu, select Share and tap on a sharing option.
- Re-open the custom menu and observe the quick share icons.
Expected result:
Regular size icons.
Actual result:
Quick share icons vary in size (see screenshot).
Assignee | ||
Updated•6 years ago
|
Assignee | ||
Updated•6 years ago
|
Here's an extreme example of this happening, where "Send to device" button is much smaller than other buttons in the menu.
User Agent: Mozilla/5.0 (Android 7.1.2; Mobile; rv:66.0) Gecko/66.0 Firefox/66.0
Device: Xiaomi Redmi 4X.
Assignee | ||
Comment 3•6 years ago
|
||
Thanks rybak-a-v
!
That's indeed bad.
Seems like the drawables we're using are all of different sizes.
Comment 4•5 years ago
|
||
Context Menu when we share link/image from another page is broken also. Attached is a screenshot from the latest Nightly build on Google Pixel (Android Q) and Google Pixel 3 (Android 9).
Updated•5 years ago
|
Assignee | ||
Comment 5•5 years ago
|
||
The situation referred at in comment 4 is not really an issue we can address.
Indeed the icons may seem to have different sizes but as can be seen here they in fact have the same dimensions.
(The red circle shows the original icon dimensions, the blue rectangle shows the image we're displaying as a menu item)
Is just that some have irregular shapes, some have the same background color as our menu and so as a result of more of an optical illusion they give this impression of different sizes.
Assignee | ||
Comment 6•5 years ago
|
||
Another image maybe showing more clearly why a white icon background shown in a white menu can lead to an optical illusion that will give the impression that the icon is smaller.
But on a different background all icons seem now to have the same size.
The other issues described in comment 0 and comment 2 are valid and I'll work on fixing them.
Assignee | ||
Updated•5 years ago
|
Assignee | ||
Comment 7•5 years ago
|
||
Used fitCenter
andadjustViewBounds
to ensure the images will be scaled to
fit their container while keeping their aspect ratio.
Increased resolution of some images used in the share menu to maths the others'
and also remove some bluriness of the previous' when they are enlarged.
They were losslessly optimized with an average of 18% savings.
Assignee | ||
Updated•5 years ago
|
Pushed by rvandermeulen@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/554b7ac3b30b
Ensure share icons will have the same size r=VladBaicu
Comment 9•5 years ago
|
||
bugherder |
Comment 10•5 years ago
|
||
Since the status are different for nightly and release, what's the status for beta?
For more information, please visit auto_nag documentation.
Comment 11•5 years ago
|
||
Petru, we should uplift your icon fix to Fennec ESR 68.1 (and probably 69 Beta for consistency). We don't need this fix for the Fennec ESR 68.0.x dot release.
Assignee | ||
Comment 12•5 years ago
|
||
Please test on devices with different screen densities to ensure all 3 menu versions now look good.
Reporter | ||
Comment 13•5 years ago
|
||
Hi!
I tested this on Nightly 70.0a1 (2019-07-11) with the following devices:
- Huawei MediaPad M2 (Android 5.1.1; Tablet);
- HTC Desire 820 (Android 6.0.1);
- Huawei Honor 8 (Android 7.0);
- Motorola Nexus 6 (Android 7.1.1);
- HTC 10 (Android 8.0.0);
- Samsung Galaxy Tab S3 (Android 8;Tablet);
- Xiaomi Mi 8 Lite (Android 9).
The behavior is different on some devices, see the screenshots:
- HTC Desire 820 (Android 6.0.1): https://drive.google.com/file/d/1ZqhqO0a67Kk3pPY_SpxAeERC-SEt61o-/view
- Motorola Nexus 6 (Android 7.1.1): https://drive.google.com/file/d/1gpxKYS4vOQUfASmAcVem5HvNXHEzBS-j/view?usp=sharing
- Xiaomi Mi 8 Lite (Android 9):
https://drive.google.com/file/d/1leb0tZEnQ4V4ppnPZUgoyoVoGJb5Mr7w/view?usp=sharing
https://drive.google.com/file/d/1UYpO3COxERSbN0x2NA9vBfXXkbBadtjv/view?usp=sharing - Samsung Galaxy Tab S3 (Android 8;Tablet):
https://drive.google.com/file/d/1xo5z6qCC8U1IOPijHP6rV1j0V1B9eCme/view?usp=sharing
https://drive.google.com/file/d/1evsA2d7DllKN3LmBvdweKXda9KSHHJQb/view?usp=sharing
petru: From our point of view on some devices, the icons are too large compared to the text from the menu, and on other devices the icons have a different size. Please see the screenshots.
Thanks!
Assignee | ||
Comment 14•5 years ago
|
||
The icons respect the size specifications already in place, nothing changed there.
I just tried to ensure that on one menu row they will all have the same size. And I see the popup menu (https://drive.google.com/file/d/1evsA2d7DllKN3LmBvdweKXda9KSHHJQb/view) also needing some touchups for which I'll prepare a new patch.
Assignee | ||
Comment 15•5 years ago
|
||
The share drawable is used in multiple places in code.
Android would cache it and subsequently serve a now dirty version of it with
transformations potentially added.
By mutating it into a new drawable we ensure we'll always have it clean.
Assignee | ||
Comment 16•5 years ago
|
||
Please also land this second patch.
Comment 17•5 years ago
|
||
Pushed by rgurzau@mozilla.com:
https://hg.mozilla.org/integration/mozilla-inbound/rev/395584e3f86a
Mutate share drawable to prevent against it being reused from cache; r=VladBaicu
Comment 18•5 years ago
|
||
bugherder |
Assignee | ||
Comment 19•5 years ago
|
||
Eliza, can you please test again and confirm if all the icons have the same size now, including in the Popup menu?
Reporter | ||
Comment 20•5 years ago
|
||
Hi!
I tested this on Nightly 70.0a1 (2019-07-14) with the same devices from Comment 13 and there is a small difference between the icons size on:
- Xiaomi Mi 8 Lite (Android 9):
https://drive.google.com/file/d/1ikkOeG_xRnQBzDmdoVai2dew7ve4D-sw/view?usp=sharing
https://drive.google.com/file/d/1u49GKUD56RodCGOnzw3s_1YQfq8Ly5P3/view?usp=sharing - Huawei MediaPad M2 (Android 5.1.1; Tablet):
https://drive.google.com/file/d/1IBs5KXMrcM1dH8LCj7YZNu3bYIBsYZ1K/view
Thanks!
Assignee | ||
Comment 21•5 years ago
|
||
Updated•5 years ago
|
Comment 23•5 years ago
|
||
Pushed by nbeleuzu@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/bc7c93b907ef
Use smaller share image to ensure consistency; r=AndreiLazar
Comment 24•5 years ago
|
||
bugherder |
Comment 25•5 years ago
|
||
Petru, we'll want to uplift your icon fixes to Fennec ESR 68.1 and Beta 69.
Assignee | ||
Comment 26•5 years ago
|
||
Eliza, can you please test again and confirm that the menu icons have the same size when on the same row now?
Reporter | ||
Comment 27•5 years ago
|
||
Hi!
I tested this on Nightly 70.0a1 (2019-07-18) with
- Huawei MediaPad M2 (Android 5.1.1; Tablet);
- Huawei Honor 8 (Android 7.0);
- Motorola Nexus 6 (Android 7.1.1);
- OnePlus 5T (Android 9);
- Xiaomi Mi 8 Lite (Android 9),
and I can confirm that the menu icons, from the same row, have the same size.
Thanks!
Assignee | ||
Comment 28•5 years ago
|
||
Comment on attachment 9076764 [details]
Bug 1529557 - Ensure share icons will have the same size r?VladBaicu
Beta/Release Uplift Approval Request
- User impact if declined: No consistency for the size of the share menu icons, in some cases one could be a lot smaller.
- Is this code covered by automated tests?: No
- Has the fix been verified in Nightly?: Yes
- Needs manual test from QE?: Yes
- If yes, steps to reproduce: Confirm that the items in any share menu row have the same size.
- List of other uplifts needed: None
- Risk to taking this patch: Low
- Why is the change risky/not risky? (and alternatives if risky): Small Android styles change accompanied by a few drawables changed.
- String changes made/needed: --
ESR Uplift Approval Request
- If this is not a sec:{high,crit} bug, please state case for ESR consideration: No consistency for the size of the share menu icons, in some cases one could be a lot smaller.
- User impact if declined: No consistency for the size of the share menu icons, in some cases one could be a lot smaller.
- Fix Landed on Version: 68
- Risk to taking this patch: Low
- Why is the change risky/not risky? (and alternatives if risky): Small Android styles change accompanied by a few drawables changed.
- String or UUID changes made by this patch:
Assignee | ||
Updated•5 years ago
|
Updated•5 years ago
|
Comment 29•5 years ago
|
||
Comment on attachment 9076764 [details]
Bug 1529557 - Ensure share icons will have the same size r?VladBaicu
Improves icon sizing consistency in the Share menu. Approved for Beta and Fennec 68.1b3.
Updated•5 years ago
|
Updated•5 years ago
|
Comment 30•5 years ago
|
||
Due to comment 27, I'll make the firefox 70 flag as verified, thanks.
Comment 31•5 years ago
|
||
bugherder uplift |
Comment 32•5 years ago
|
||
bugherder uplift |
Reporter | ||
Comment 33•5 years ago
|
||
Hi!
Verified as fixed on Beta 69.0b7 with OnePlus 5T (Android 9), Motorola Nexus 6 (Android 7.1.1).
I will mark this issue as verified on Firefox 69. Thanks!
Reporter | ||
Comment 34•5 years ago
|
||
Verified as fixed on ESR 68.1b3 with OnePlus 5T (Android 9), HTC 10 (Android 8.0.0), Motorola Nexus 6 (Android 7.1.1).
I will mark this issue as verified on Firefox esr68. Thanks!
Updated•5 years ago
|
Updated•4 years ago
|
Description
•