Page MenuHomePhabricator

[landing] add feedback text to subscription form component
ClosedPublic

Authored by ginsu on May 31 2023, 9:26 AM.
Tags
None
Referenced Files
Unknown Object (File)
Wed, Mar 27, 11:54 PM
Unknown Object (File)
Mar 6 2024, 6:20 PM
Unknown Object (File)
Feb 26 2024, 5:54 PM
Unknown Object (File)
Feb 26 2024, 5:54 PM
Unknown Object (File)
Feb 26 2024, 5:54 PM
Unknown Object (File)
Feb 26 2024, 5:53 PM
Unknown Object (File)
Feb 26 2024, 5:53 PM
Unknown Object (File)
Feb 26 2024, 5:48 PM

Details

Summary

As part of the subscription form redesign we need to show some feedback text to the user depending on the result of the email entered in the subscription form. For reference here are the designs:

Screenshot 2023-05-31 at 12.25.25 PM.png (1×3 px, 1 MB)

Screenshot 2023-05-22 at 5.10.53 PM.png (2×3 px, 2 MB)

Depends on D7917

Test Plan

Please see the screenshots below to see what the feedback text looks like:

Desktop:

Screenshot 2023-05-31 at 12.15.17 PM.png (2×3 px, 1 MB)

Screenshot 2023-05-31 at 12.15.27 PM.png (2×3 px, 1 MB)

Tablet:

Screenshot 2023-05-31 at 12.22.02 PM.png (2×3 px, 1006 KB)

Screenshot 2023-05-31 at 12.22.06 PM.png (2×3 px, 997 KB)

Mobile:

Screenshot 2023-05-31 at 12.21.49 PM.png (2×3 px, 992 KB)

Screenshot 2023-05-31 at 12.21.44 PM.png (2×3 px, 987 KB)

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

ginsu requested review of this revision.May 31 2023, 9:44 AM
atul added inline comments.
landing/subscription-form.css
67 ↗(On Diff #27308)

Personally think this green is dull, but subjective

This revision is now accepted and ready to land.Jun 1 2023, 11:09 AM

Tablet / mobile screenshots have buttons with text that doesn't appear vertically centered. Can we look into that and ideally resolve it before landing?

fix text vertical alignment

Screenshot 2023-06-02 at 2.10.55 PM.png (2×3 px, 903 KB)

Screenshot 2023-06-02 at 2.10.49 PM.png (2×3 px, 899 KB)

Screenshot 2023-06-02 at 2.11.03 PM.png (2×3 px, 911 KB)

ginsu added inline comments.
landing/subscription-form.css
67 ↗(On Diff #27308)

cc @ted