How to prevent the TOC from being collapsed initially when I use chirpy-starter

[huanyushi]

Checklist

• I have read and accepted the contributing guidelines.

How did you create the site?

Generated from chirpy-starter

Description

All TOC (tables of contents) are initially collapsed, and sub-items are uncollapsed only when the corresponding section is read. How can I cancel the folding of the TOC initially? Any suggestions would be greatly appreciated.

Operations you have already tried

This question was solved when the site is generated from jekyll-theme-chirpy, we only need to modify the file _javascript\modules\components\toc.js. The configurations of tocbot can be seen here.

But this solution can not take effect when the site is generated from chirpy-starter, because if we creat a file _javascript\modules\components\toc.js, it can not override the theme's javascript file.

Anything else?

Relevent links: #1616 , #1364 .

[huanyushi]

Add the following code to "assets/css/jekyll-theme-chirpy.scss" can solve this problem:

.is-collapsed {
  max-height: none !important;
}

[HyoYoonNam]

This solution of modifying the CSS code works great!

But I have an additional question, if anyone can help.

My initial approach was to prevent the TOC from collapsing by modifying the tocbot options parameter in the _javascript/modules/components/toc/toc-desktop.js file.

Specifically, I added collapseDepth: 6, to the options object, which is the method described in the official tocbot api.

However, this approach didn't solve the issue for me. Does anyone know why this might be?