Twenty Twenty: Pullquote block custom border does not have default solid style in editor

[viralsampat]

Hello,

I have reviewed the "Pullquote" block and found that it's font family is not same in editor & front-end sides. Also, the border is not appearing in editor side.

Here, I have provided issue:

Issue: ​https://share.cleanshot.com/2GW9BkVKwmqdlCLZtL4N

Environment info:

---

• WordPress version: WordPress 6.5.2 running,
• Twenty Twenty Version: 2.6
• Browser: Google Chrome, Version 123.0.6312.124 (Official Build) (arm64)
• Device: MacBook Air M1
• OS: macOS 14.4.1 (23E224)
• Gutenberg plugin: Version 18.1.2

Thanks,

[viralsampat]

I have checked above mentioned issue and resolved it. Here, I have added my patch.

[viralsampat]

Back-end

[viralsampat]

Front-end

[sabernhardt]

replaces border: none with border: 0 solid

[sabernhardt]

The font-family changed in the editor with WordPress 5.6, but the front end is still correct. That is already reported as the main part of #53158.

To experience the issue with the border:

1. Activate Twenty Twenty.
2. Go to the post editor.
3. Add a Pullquote block, and insert text for the quote and citation.
4. Find the Border settings in the sidebar, and add a width value. You could also use a custom border color, but do not set the border style (solid, dotted, dashed) there.
5. Save and view/preview on the front end.

The block will have a border on the front without showing one in the editor.

61036.1.patch​ sets the border style to solid, with zero width by default, so it can show in the editor when someone adds a border width.

[sabernhardt]

The border issue was already reported on #57338, which was closed in favor of a larger project in #55974.

[sabernhardt]

Duplicate of #57338.