Skip to content

Enqueue form styles for hosted payment forms#610

Merged
unfulvio-godaddy merged 6 commits intorelease/5.11.7from
fix/enqueue-form-styles-for-hosted-payment-forms
Jul 27, 2023
Merged

Enqueue form styles for hosted payment forms#610
unfulvio-godaddy merged 6 commits intorelease/5.11.7from
fix/enqueue-form-styles-for-hosted-payment-forms

Conversation

@ragulka
Copy link
Copy Markdown
Contributor

@ragulka ragulka commented Jul 26, 2023

Summary

This PR does 2 things:

  1. Ensure FW payment form styles are enqueued for gateways that use embedded / hosted payment forms.
  2. Update payment selector styles in an attempt to always align the gateway icon and CC icons to the right.

The latter change is bigger of the 2, and affects all FW-d plugins. I tested with 3 different gateways on different scenarios. I'm attaching the screenshots of the results. Ideally, we would contribute to WC core an update to use flexbox for the selector styling, as this makes achieving the proper alignment much easier.

CleanShot 2023-07-26 at 15 58 15@2x CleanShot 2023-07-26 at 15 57 32@2x CleanShot 2023-07-26 at 15 57 05@2x

@ragulka ragulka requested a review from unfulvio-godaddy July 26, 2023 13:04
@ragulka ragulka self-assigned this Jul 26, 2023
@ragulka ragulka added the Payment Gateway Payment gateway code or issues label Jul 26, 2023
@ragulka ragulka mentioned this pull request Jul 26, 2023
1 task
Copy link
Copy Markdown
Contributor

@unfulvio-godaddy unfulvio-godaddy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM - I have added a changelog entry, and a since tag to the newly added method

@unfulvio-godaddy unfulvio-godaddy merged commit 398569a into release/5.11.7 Jul 27, 2023
@unfulvio-godaddy unfulvio-godaddy deleted the fix/enqueue-form-styles-for-hosted-payment-forms branch July 27, 2023 02:44
unfulvio-godaddy pushed a commit that referenced this pull request Jul 28, 2023
* 5.11.7 dev versioning and changelog entry

* version 5.11.7

* Enqueue form styles for hosted payment forms (#610)

* load payment form assets for gateways that support adding payment methods also

* use flexbox for aligning payment gateway icons

* extract selector styles to method

* Ensure FW gateways with no CC icons still align to the right

* Add since version to newly added method

* Update changelog

---------

Co-authored-by: Fulvio Notarstefano <fulvio.notarstefano@gmail.com>

* update changelog

* Version 5.11.7

---------

Co-authored-by: nikolas4175-godaddy <nikolas4175@godaddy.com>
Co-authored-by: Fulvio Notarstefano <fulvio.notarstefano@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Payment Gateway Payment gateway code or issues

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants