Automattic / Automattic/jetpack
Pay with PayPal Block: Add additional design/layout tools
- Dominant language
- PHP
- Stars
- 1.8k
- Forks
- 898
- Avg merge
- 1d 18h
- Merged PRs (30d)
- 774
Description
@melchoyce, @beafialho, and I had wanted to incorporate the PayPal Block into some recent block patterns, but we ran into some issues:
- It's not possible to modify the font size/style of the text fields.
- It's not possible to modify the color/style/size of the button.
- It's not possible to modify the appearance of the image:
- Position (to the left/right of the text)
- Setting it to stack on mobile or not.
- Stretching/cropping to fill the available space in the column.
Here are a couple examples of the less-than-great layouts in case they're helpful to see:


Contributor guide
Research direction
Locate the PayPal Block implementation and trace how its text fields, button, and image are laid out on desktop and mobile. Compare the current output with the screenshots; done means the block exposes controls for text styling, button appearance, image position and sizing, and mobile stacking.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- php
- Domain
- design, frontend, payments
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100