transitive-bullshit / nextjs-notion-starter-kit

Deploy your own Notion-powered website in minutes with Next.js and Vercel.
https://transitivebullsh.it/nextjs-notion-starter-kit
MIT License
6.25k stars 5.26k forks source link

Anomaly behavior of code blocks under a list #349

Open Dukewill opened 2 years ago

Dukewill commented 2 years ago

Description Thanks in advance for this fantastic project and your support!

Recently, I discovered some issues regarding to the code block under lists - length of the block would be various depending on the length of the code. It’s acceptable if the code is short.

image

But things go too far when it comes to any long code. The block would just go out of the box and break the page.

Mean while, font size of associating texts would become larger.(mostly on mobile devices)

image

Seems that these only happens to code blocks belong to lists.

PS. Is it possible to wrap code automatically?

image

Hope I’ve made this issue clear and thanks again for your wonderful work!

Notion Test Page ID

5744fe430dcf40548d96e779eb4730cb
si1k commented 2 years ago

I noticed this before with images too. If an image is within a bulleted list it will extend "off" the page.

Dukewill commented 2 years ago

I noticed this before with images too. If an image is within a bulleted list it will extend "off" the page.

I checked it with some images and they are working well here on my side.

Dukewill commented 1 year ago

Any update regarding this? 😀