JP Forms - General styling issues editor vs. published view - Differences in styling between editor and published rendering

Automattic / jetpack

Security, performance, marketing, and design tools — Jetpack is made by WordPress experts to make WP sites safer and faster, and help you grow your traffic.

https://jetpack.com/

Other

1.58k stars 797 forks source link

JP Forms - General styling issues editor vs. published view - Differences in styling between editor and published rendering #28316

Open digitalwaveride opened 1 year ago

digitalwaveride commented 1 year ago

A simple example:

Label styling, input field styling (line-heights) ... are often not the same.

For certain themes the differences are more drastic, example TwentyTwentyOne theme:

Also discussed in:

https://github.com/Automattic/jetpack/pull/27837#issuecomment-1379442858 https://github.com/Automattic/jetpack/pull/27837#issuecomment-1380097034

github-actions[bot] commented 1 year ago

This issue has been marked as stale. This happened because:

It has been inactive in the past 6 months.
It hasn’t been labeled `[Pri] BLOCKER`, `[Pri] High`, `[Type] Feature Request`, `[Type] Enhancement`, `Good For Community`, `[Type] Good First Bug`, etc.

No further action is needed. But it's worth checking if this ticket has clear reproduction steps and it is still reproducible. Feel free to close this issue if you think it's not valid anymore — if you do, please add a brief explanation.

sdixon194 commented 1 year ago

Screenshot 2023-07-27 at 1 29 12 PM

This looks better to me now, but still has some differences like the bolded outline on the fields and still some slight line height differences.