Skip to content

Fix loose-list rendering when list items are wrapped in paragraphs#159

Open
yukihane wants to merge 2 commits into
athul:masterfrom
yukihane:fix/loose-list-li-p-rendering
Open

Fix loose-list rendering when list items are wrapped in paragraphs#159
yukihane wants to merge 2 commits into
athul:masterfrom
yukihane:fix/loose-list-li-p-rendering

Conversation

@yukihane
Copy link
Copy Markdown

Summary

This PR fixes a list rendering issue when Markdown is parsed as a loose list (<li><p>...</p></li>).

The theme renders list bullets using ul > li::before with hanging indent.
When list item content is wrapped in <p>, bullet and text can appear visually split.

Changes

  • Add a targeted CSS rule in assets/css/main.css:

    ul li > p:first-child {
      display: inline;
      margin: 0;
    }
  • Add a minimal reproduction page in exampleSite/content/posts/loose-list-rendering.md
    to compare tight vs loose list rendering.

Scope

  • No theme API changes
  • No required content migration for existing users
  • CSS-only rendering fix

Sign up for free to 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.

1 participant