Skip to content

Conversation

@domdomegg
Copy link
Contributor

Summary

  • Fixes awkward text wrapping in blog post metadata where the separator and reading time would appear at the start of a new line

Changes

  • Override the flex display for .post-meta with display: block to prevent mid-separator wrapping
  • This ensures that metadata elements wrap more naturally without breaking in the middle of separators

Testing

Fixes#1789

@domdomeggdomdomegg marked this pull request as draft September 11, 2025 01:55
@domdomeggdomdomeggforce-pushed the fix-post-meta-wrapping branch from e158f19 to 3225affCompareSeptember 11, 2025 01:57
The previous shared styling applied flex layout to both `.post-meta` and `.breadcrumbs`, causing awkward line breaks in post metadata where separators and reading time would appear at the start of new lines. This change keeps the shared color and font-size styling, but only applies flex layout to `.breadcrumbs`. Post metadata (author, date, reading time) uses the default block flow which handles inline content with separators more naturally. Fixesadityatelange#1789 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>
@domdomeggdomdomeggforce-pushed the fix-post-meta-wrapping branch from 3225aff to 854b2faCompareSeptember 11, 2025 02:00
@domdomeggdomdomegg marked this pull request as ready for review September 11, 2025 02:00
@sonarqubecloud
Copy link

@domdomegg
Copy link
ContributorAuthor

Requesting review from @adityatelange 🙏

@domdomegg
Copy link
ContributorAuthor

Before:

CleanShot 2025-09-10 at 19 03 06@2x

After:

CleanShot 2025-09-10 at 19 03 26@2x

@adityatelangeadityatelange merged commit b8cdf95 into adityatelange:masterSep 13, 2025
2 checks passed
Yurzi pushed a commit to Yurzi/hugo-PaperMod that referenced this pull request Nov 16, 2025
The previous shared styling applied flex layout to both `.post-meta` and `.breadcrumbs`, causing awkward line breaks in post metadata where separators and reading time would appear at the start of new lines. This change keeps the shared color and font-size styling, but only applies flex layout to `.breadcrumbs`. Post metadata (author, date, reading time) uses the default block flow which handles inline content with separators more naturally. Fixesadityatelange#1789 🤖 Generated with [Claude Code](https://claude.ai/code) Co-authored-by: Claude <[email protected]>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: post-meta does not wrap properly

2 participants

@domdomegg@adityatelange