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

The code block on the right side exceeds the normal display range of rendering. #544

Open
murenren1 opened this issue Sep 5, 2023 · 4 comments

Comments

@murenren1
Copy link

Description

The code block on the right side exceeds the normal display range of rendering.-->
截屏2023-09-05 17 04 31

Notion Test Page ID

https://hyhai.notion.site/Notion-StartupAI-2023-09-04-Notion-OpenAI-2e84d630f7a94d349841f75b80d29aaf?pvs=4

@Juno65juno1
Copy link

I have the same problem and still don't know why. But don't put any code blocks under the numbered list, and also please use the numbered list as little as possible,maybe you can replace the numbered list with (1)/①/a......
image

@murenren1
Copy link
Author

Got it.

@ChiaYuSu
Copy link

You can add css to prevent this situation

ol:not(:has(> li)),
ul:not(:has(> li)) {
    padding: 0 !important;
}

@0chil
Copy link

0chil commented Jan 8, 2024

You can add the css below if the issue occurs for images under list.
Not tested whether it is also effective for code blocks or not. (I think it will)

  • CSS

    .notion-list {
      max-width: 100%;
    }
  • Before
    image

  • After
    image

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

No branches or pull requests

4 participants