-
Notifications
You must be signed in to change notification settings - Fork 14
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Payment security reassurance test #2165
Conversation
support-frontend/assets/components/secureTransactionIndicator/securePadlock.svg
Outdated
Show resolved
Hide resolved
support-frontend/assets/pages/contributions-landing/components/PaymentMethodSelector.jsx
Show resolved
Hide resolved
...ort-frontend/assets/pages/contributions-landing/components/StripeCardForm/StripeCardForm.jsx
Outdated
Show resolved
Hide resolved
support-frontend/assets/pages/contributions-landing/contributionsLanding.jsx
Show resolved
Hide resolved
@@ -837,6 +842,17 @@ form { | |||
width: 100%; | |||
} | |||
|
|||
.form__submit--secure { | |||
margin: -6px -10px 0; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
could we achieve similar top and bottoms for margins and padding using $gu-v-spacing / 2 instead? For code and vis consistency?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Maybe - I couldn't get $gu-v-spacing
to work with negative values but maybe we can pair on this?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Have a look at my comments and let me know what you think/if you have questions. I'd also like to hold off on merging until the test design concerns are addressed.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great work. Happy with everything design wise. Including the tweak to the control 👍
support-frontend/assets/components/secureTransactionIndicator/secureTransactionIndicator.jsx
Outdated
Show resolved
Hide resolved
support-frontend/assets/pages/contributions-landing/components/ContributionForm.jsx
Outdated
Show resolved
Hide resolved
support-frontend/assets/pages/contributions-landing/components/PaymentMethodSelector.jsx
Outdated
Show resolved
Hide resolved
7b0af3c
to
2b5de61
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
great work!
Seen on PROD (merged by @tjsilver 11 minutes and 47 seconds ago)
Sentry Release: support-client-side, support |
Why are you doing this?
We are testing the placement of a 'secure transaction' indicator to reassure users that their payment is secure.
Trello Card
Changes
Screenshots
Control - mobile
Control - desktop
V1_securetop - mobile
V1_securetop - desktop
V2_securemiddle - mobile
V2_securemiddle - desktop
V3_securebottom - Stripe Elements - mobile
V3_securebottom - Direct debit Monthly/Annual
V3_ securebottom - Stripe elements - desktop
V3_securebottom - Paypal single
V3_securebottom - Paypal Monthly/Annual
V4_grey - grey background on Stripe elements container - no secure transaction indicator