DiscoTOC - automatic table of contents

[Moin]

@alltiagocom

Do you know if it’s possible to disable the behavior where the sub headings are hidden when the parent heading is not “in focus”?
I would like all headings to be visible at all times, otherwise it seems that there’s less content than there actually is.

DiscoTOC - automatic table of contents

If you prefer to have the table of content always fully expanded, try adding this CSS to your theme #d-toc li.d-toc-item > ul { max-height: 500em !important; overflow: visible !important; opacity: 1 !important; }

[alltiagocom]

Thank you and sorry for missing that…

Works like a charm! Really appreciate your time and help!

[alltiagocom]

Everything is working, but:

1. On mobile I don’t see the button “Table of Contents” as shown in the instructions:

2. The only way to see it is to add at least a comment/reply (I would expect it to show even if no replies were added?), but even then, what is shown is not the same as what is in the image:

Is it possible to make it show “Table of Contents”, not just the icon? I’m thinking that maybe it’s possible via CSS, but I was wondering if this is a new “feature” or something else I can change to show the text?

I even tried to change the default text, in case that was the issue, but no luck:

---

EDIT: I was able to add the text via CSS in a custom component, but still wondering if this is a bug or something?

@media screen and (max-width: 767px) {
  .d-toc-mini button::after {
    content: "Table of Contents";
    margin-left: 5px;
    font-size: 14px;
    vertical-align: middle;
  }
}

And I still haven’t figure out the issue of it only being visible at the bottom (instead of "sticky) when there’s no replies.

[Moin]

@alltiagocom

but I was wondering if this is a new “feature”

The screenshots in the first post are quite old. You won’t find any information about the button which allows you to toggle between timeline and toc when there is more than one post, or information about the toc for replies feature, in them.

The problem with the missing button on mobile was reported here:

DiscoTOC style is broken if there is no reply on mobile

Hello DiscoTOC style is connected to the .with-topic-progress class which is added to .topic-navigation if there are more than 1 post in the topic. So without reply the DiscoTOC style will broke. I think TOC should also be active if there is no reply in a topic because it doesn’t related with the reply counts. On desktop it works fine topics with no reply too. Here is a topic for testing: Customizing the topic list I think that would be consider to change this behaviour. It’s probabl…

Maybe you also want to support this feature request: Fully expand table of content, if you’d prefer official support instead of custom CSS.

[alltiagocom]

I was able to make it work when it doesn’t have a reply:

DiscoTOC style is broken if there is no reply on mobile

With my basic coding skills and some ChatGPT talk, I made it work, I believe. Created a custom component and put this in the CSS tab: @media (max-width: 767px) { #topic-progress-wrapper.sticky-bottom { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; } } and this in the JS tab import { apiInitializer } from "discourse/lib/api"; export default apiInitializer((api) => { api.onPageChange(() => { const observer = new MutationObs…

I just added my feedback on that topic. Thanks.