nextjs-notion-starter-kit icon indicating copy to clipboard operation
nextjs-notion-starter-kit copied to clipboard

Published 20 hours ago • verified publisher icon transitive-bullshit

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

Open murenren1 opened this issue 1 year ago • 4 comments

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

murenren1 avatar Sep 05 '23 09:09 murenren1

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

Juno65juno1 avatar Nov 28 '23 14:11 Juno65juno1

Got it.

murenren1 avatar Nov 30 '23 02:11 murenren1

You can add css to prevent this situation

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

ChiaYuSu avatar Dec 29 '23 10:12 ChiaYuSu

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

0chil avatar Jan 08 '24 13:01 0chil