Latest Post block having spacing issue when we change post content from "Excerpt" to "Full Post"

[viralsampat-multidots]

Description

Hell Team,

I have checked "Latest Post" block and found that there is some spacing issues between "Block Post Title" & "Block Post Content" when we change post content from "Excerpt" to "Full Post". There should some space between post title & post content.

I have checked this into various themes and here I have provided its screenshots.

Thanks,

Step-by-step reproduction instructions

• Type / to choose a block
• Select Latest post block
• Change its post content from "Excerpt" to "Full Post"
• Save the changes and publish the page.
• View the editor side & front-end side.

Screenshots, screen recording, code snippet

Screenshots:

Twenty Fourteen:

Twenty Fifteen

Twenty Sixteen

Twenty Seventeen

Environment info

• WordPress version: WordPress 6.6.2 running,
• Themes:
  • Twenty Fourteen Version: 4.0
  • Twenty Fifteen Version: 3.8
  • Twenty Sixteen Version: 3.3
  • Twenty Seventeen Version: 3.7
• Browser: Google Chrome, Version 130.0.6723.58 (Official Build) (arm64)
• Device:** MacBook Air M1
• OS: macOS 15.0.1 (24A348)
• Gutenberg plugin: Version 19.5.0

Please confirm that you have searched existing issues in the repo.

• [x] Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• [x] Yes

Please confirm which theme type you used for testing.

• [x] Block
• [ ] Classic
• [ ] Hybrid (e.g. classic with theme.json)
• [ ] Not sure

[PARTHVATALIYA]

Hello @viralsampat-multidots, @ndiego , I suggest adding the same CSS to the .wp-block-latest-posts__post-full-content class as we have in the .wp-block-latest-posts__post-excerpt class. This should add consistent spacing between the post title and post content in the latest posts block. I’ve added a diff to resolve this issue; please review it, and if it looks good, I’ll proceed with raising a PR.

diff --git a/packages/block-library/src/latest-posts/style.scss b/packages/block-library/src/latest-posts/style.scss
index 2a01d177ef..e7e90589c1 100644
--- a/packages/block-library/src/latest-posts/style.scss
+++ b/packages/block-library/src/latest-posts/style.scss
@@ -57,7 +57,7 @@
    font-size: 0.8125em;
 }

-.wp-block-latest-posts__post-excerpt {
+.wp-block-latest-posts__post-excerpt, .wp-block-latest-posts__post-full-content {
    margin-top: 0.5em;
    margin-bottom: 1em;
 }

[viralsampat-multidots]

Hello @ndiego

I have checked above mentioned changes and it looks good. Do you want to add PR or I will make this change and create new PR?

Thanks,

[viralsampat-multidots]

Hello @ndiego

I have updated my PR and made above mentioned change.

Thanks,

[ndiego]

@viralsampat-multidots can you provide a link to your PR, or link it to this issue?

[viralsampat-multidots]

Hello @ndiego

Yes, sure.

Here, I have provided my PR link: https://github.com/WordPress/gutenberg/pull/66442

Thanks,