HomePhabricator
Diffusion Comm 2a1d80ed6fa0

[web] Finish styling `ColorSelector` on iOS and Android

Tags
None
Referenced Files
F72936: Screen Shot 2022-06-13 at 3.32.15 PM.png
Jun 21 2022, 10:34 AM
File Not Attached
F72935: Screen Shot 2022-06-13 at 3.31.06 PM.png
Jun 21 2022, 10:34 AM
File Not Attached
F72934: Screen Shot 2022-06-13 at 3.29.30 PM.png
Jun 21 2022, 10:34 AM
File Not Attached
F72933: Screen Shot 2022-06-13 at 3.29.22 PM.png
Jun 21 2022, 10:34 AM
File Not Attached
F72932: Screen Shot 2022-06-13 at 3.29.26 PM.png
Jun 21 2022, 10:34 AM
File Not Attached
F72946: image.png
Jun 21 2022, 10:34 AM
File Not Attached
Subscribers

Description

[web] Finish styling ColorSelector on iOS and Android

Summary:
Completed styling ColorSelector on iOS and Android using different devices and breakpoints.

Part of ongoing redesign of ColorPicker component. Relevant Linear issue here.

Depends on D3939.

As @atul pointed out in the last diff, any code changes that could break something else shouldn't be committed, but noted in the Summary. This is a change that was made to better encompass the new ColorSelector. The height of the ColorPickerModal was modified to:

image.png (80×900 px, 29 KB)

Test Plan:
Looks and works as expected on iOS and Android devices. Note the small and large devices (iPhone SE and iPhone 13 Pro Max, for example):

Screen Shot 2022-06-13 at 3.29.26 PM.png (1×938 px, 851 KB)

Screen Shot 2022-06-13 at 3.29.22 PM.png (1×1 px, 606 KB)

Screen Shot 2022-06-13 at 3.29.30 PM.png (1×944 px, 801 KB)

Screen Shot 2022-06-13 at 3.31.06 PM.png (1×916 px, 673 KB)

Screen Shot 2022-06-13 at 3.32.15 PM.png (1×1 px, 679 KB)

Reviewers: atul

Reviewed By: atul

Subscribers: varun, ashoat, palys-swm, Adrian

Differential Revision: https://phab.comm.dev/D4254

Details

Provenance
aboshAuthored on Jun 13 2022, 12:44 PM
Reviewer
atul
Differential Revision
D4254: [web] Finish styling `ColorSelector` on iOS and Android
Parents
rCOMMfc388e2669a4: [web] Remove last border from My Account page
Branches
Unknown
Tags
Unknown