Markdown tables mobile layout with Dawn theme

Developer help
1

Hey,

I’m using Ghost(Pro), latest version, with the Dawn theme.

Here what Markdown tables look like in the mobile layout:

And if I’m using Casper theme, it is way better:

Is it possible to do the same layout for the Dawn theme?

Thanks!

2

Hey @F_rank, the issue was fixed in this commit. You can now re-download the theme and install it again.

1 Like
3

Thanks @minimaluminium it works perfectly now :slight_smile:

I have another request, it’s not a bug this time tho, so I understand if you don’t have time to do it.

The TOC in the theme is great. However, I’m creating long form posts (guide) so the TOC is pretty long already and my guide is not finish yet.

toc
toc2872×1404 322 KB

Would it be possible to make the TOC expandable when we click on H1 so we won’t see the H2 by default? (like this tuto)

toc-demo-final-compressed
toc-demo-final-compressed900×327 2.12 MB

Thanks again!

4

@F_rank This is an interesting problem :thinking: A quick solution would be making the list scrollable like this.

Kapture 2020-12-07 at 11.32.50

You can add this CSS in “Settings > Code injection > Site Header” field to make the list work like above.

<style>
    .sticky-toc {
        max-height: 300px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
</style>

A better solution (maybe like in the gif you attached) will be implemented in the future updates.

1 Like
5

Thanks very much, scrollable TOC is a good solution for now :slight_smile:

1 Like