Column Layout Broken and Gallery Incomlete

[dragonman225]

Column Layout Broken and Gallery Incomlete

[dragonman225]

I'll probably update Notablog in this weekend.

I'll need to publish a new version of nast-util-to-react, update that dependency's version number in Notablog's package.json, test it, and publish a new version of notablog.

It seems that most of tasks in the process rely on my actions, but if you want to try it earlier (and maybe see if there're bugs in your use case), in theory, you could

1. Clone the notablog repo, install (npm install) and build (npm run build) it.
2. Clone the nast repo, follow the instructions to set it up.
3. Edit the version number of nast-util-to-react in notablog's package.json, replace the version number with a local path (as described in npm's documentation) to the nast-util-to-react package in the nast repo you've cloned.
4. Run notablog/bin/cli.js

Disclaimer: I don't test these steps, instead, I just provide the concept on how to do on your own, but if you encounter any problem I will be glad to help.

[dragonman225]

For the first issue:
I forgot to update the theme's stylesheet to match the HTML generated by the latest rendering library, so the columns are broken. Now it's been updated, please use the latest notablog-starter and the columns should be normal again.

[dragonman225]

For the second issue:
Yes, the gallery is missing many things, because it is not fully supported now. 😂
For details, refer to the documentation of the rendering library.

[vwxyzjn]

Thanks for the prompt reply. Indeed the column is being brought back. However, the display is still problematic. See

When it is like the following in the notion.so

Feel free to test with my public page https://www.notion.so/043f2251b5db4aaba615a8d703455d8c?v=157e166961ff4f06acd38b02cc148fe1

[dragonman225]

For a quick fix, you may add

.Video__Content > video {
  max-width: 100%;
}

in this file.

But this time I will not update notablog-starter immediately, because this problem involves a bigger one, which is that in Notion, image, video, and embeds, all have the same logic for layout, so I've decided to come up with a general solution for this instead of patching separately.

[vwxyzjn]

I see. I can confirm that the CSS fixed the issue.

[vwxyzjn]

Thanks a lot for the fix

[vwxyzjn]

Regarding the second issue see dragonman225/nast#3

[kevchentw]

I noticed that dragonman225/nast#3 was merged. I wonder that when (or how) can we use it from notablog cli. Thank you.

[dragonman225]

v0.4.1 released, changes in dragonman225/nast#3 are included.
Note that you also need to update your notablog-starter to use it!