Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MDX / Sub-items bullet not indented (react-server / docs) #103

Closed
6 tasks done
aheissenberger opened this issue Dec 19, 2024 · 3 comments
Closed
6 tasks done

MDX / Sub-items bullet not indented (react-server / docs) #103

aheissenberger opened this issue Dec 19, 2024 · 3 comments
Assignees
Labels
bug Something isn't working

Comments

@aheissenberger
Copy link
Contributor

Describe the bug

Sub-items in markdown bullet lists are not indented when displayed in the browser.

Reproduction

No response

Steps to reproduce

Markdown:

* Item 1
  - Level 2 / Item 1
  - Level 2 / Item 2
    - Level 3 / Item1
  - Level 2 / Item 3
* Item 2
* Item 3

will render this correct html:

<ul>
<li>Item 1<!-- -->
<ul>
<li>Level 2 / Item 1</li>
<li>Level 2 / Item 2<!-- -->
<ul>
<li>Level 3 / Item1</li>
</ul>
</li>
<li>Level 2 / Item 3</li>
</ul>
</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

but because of wrong styling the browser will display:
image

System Info

System:
    OS: macOS 15.2
    CPU: (12) arm64 Apple M4 Pro
    Memory: 4.65 GB / 48.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 23.4.0 - /opt/homebrew/bin/node
    Yarn: 1.22.22 - /opt/homebrew/bin/yarn
    npm: 10.9.2 - /opt/homebrew/bin/npm
    pnpm: 9.15.0 - /opt/homebrew/bin/pnpm
    bun: 1.1.40 - /opt/homebrew/bin/bun
  Browsers:
    Chrome: 131.0.6778.141
    Safari: 18.2
    Safari Technology Preview: 18.2
  npmPackages:
    @lazarv/react-server: link:packages/react-server => 0.0.0

Used Package Manager

pnpm

Logs

No response

Validations

@aheissenberger aheissenberger added the pending triage Pending triage label Dec 19, 2024
@aheissenberger aheissenberger changed the title MDX / Sub-items bullet not indented MDX / Sub-items bullet not indented (react-server / docs) Dec 19, 2024
@lazarv lazarv self-assigned this Dec 19, 2024
@lazarv lazarv added bug Something isn't working and removed pending triage Pending triage labels Dec 19, 2024
lazarv added a commit that referenced this issue Dec 19, 2024
Fixes code blocks styling when language is not specified #104 
Fixes nested list styling #103
@lazarv
Copy link
Owner

lazarv commented Dec 19, 2024

This is now fixed, and existing lists have been updated. If you need to render a file tree, then a nested list seems more like a temporary workaround. Eventually, there should be a component to render a file tree nicely.

@aheissenberger
Copy link
Contributor Author

No - ist my AWS deployment docs and I need only one sub level

Copy link

This issue has been locked since it has been closed for more than 30 days.

If you have found a concrete bug or regression related to it, please open a new bug report with a reproduction against the latest version of @lazarv/react-server. If you have any other comments you should create a new discussion.

@github-actions github-actions bot locked and limited conversation to collaborators Jan 19, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants