Minimal Mistake side bar choice highlight

1

With the Minimal Mistake theme one can define side bars. Is there a possibility to highlight the choice you did in a side bar to know which part you are currently reading That would help a lot the navigation. This is well done in the TOC on the right but not on the side bar on the left.

2

The sidebar on the right is generated automatically from headers in main content so it can have some smarts behind it to do the highlights. It’s using ids on the headers that are auto generated by Kramdown as waypoints to target the links against and know where you are on the page to add highlights.

That doesn’t exist for the left nav since those are built manually by whatever YAML you add and doesn’t have the same relationship with the main content. I don’t think there’s a one size fits all approach I could bake into the theme to do it for you.

3

Apparently the choice highlighting on the left side bar is working here:

How is it done ?

4

There’s logic in the sidebar that checks the current page URL against the one specified in your sidebar YAML nav.

If they match it assigns a class that bolds the text.

5

Thanks for the hints.
I checked the variables values in that script.
And I see why it does not work for me:

I have:

child.url =  resources/git_primer/creating_pr
page.url  =  /resources/git_primer/creating_pr/

so page.url has extra / and therefore the comparison is never true.

6

Of courses the following lines make it work. Note sure it is the right way…

...
            {% assign c = child.url | replace: '/', '' %}
            {% assign p = page.url | replace: '/', '' %}

            {% comment %} set "active" class on current page {% endcomment %}
            {% if c == p %}
...
7

Solved. I have modified nav_list. It now does what I want (same as TOC).