TOC no longer expandable

[Helge P]

I have started a TW to capture the ongoing exploits of our role-playing group. For this I have added a sidebar (created a tiddler, tagged with $:/tags/SideBar, created tiddlers tagged with the name of the TOC sidebar tiddler and tagged the sup-pages with the name of the first tiddler) with the table of contents:

<div class="tc-table-of-contents">

<<toc-selective-expandable 'TOC_Sidebar_Name'>>

</div>

However, after some recent changes where I discovered the 'caption' field to create nicer names for the TOC (e.g. have 'Place' as a tag but caption it with 'Places' for the TOC), the TOC is no longer expandable. The arrows are there but I cannot click to expand them.

Any ideas? I'm sure it is something rather simple but I cannot see it... :-)

If it helps, I have attached the TW (disregard the content, not quite ready plus it's relevant for our group only... ^_^).

Thanks,

Helge.

[Eric Shulman]

On Tuesday, January 21, 2020 at 12:28:12 PM UTC-8, Helge P wrote:

However, after some recent changes where I discovered the 'caption' field to create nicer names for the TOC (e.g. have 'Place' as a tag but caption it with 'Places' for the TOC), the TOC is no longer expandable. The arrows are there but I cannot click to expand them.

Any ideas? I'm sure it is something rather simple but I cannot see it... :-)

I downloaded your document and viewed it using Chrome.  I can confirm that the arrows in the sidebar display of your TOC seem to not work.  I then right-clicked on one of the non-functioning arrows, and selected "inspect element" from the popup menu.

This immediately revealed an interesting issue: the right side of the tc-story-river element is overlapping with the left side of the tc-sidebar-scrollable element!

The result of this overlap is that the arrows displayed in the sidebar are effectively "covered up" by the story river.

A quick examination of the $:/ControlPanel Appearance/Theme Tweaks panel shows several relevant settings:

1) The Sidebar Layout is set to "Fixed Story / Variable Sidebar"

2) The Story Right is set to 70%

3) The Story Width is set to 71%

Note that the value of "Story Right" and "Story Width" do not match, and that the Story Width is larger than the Story Right.

If you set the Story Width to 70% (so it matches the Story Right value), it avoids the overlapping of the Story River and Sidebar, and allows the arrows in the Sidebar TOC to work as expected.

enjoy,

-e

Eric Shulman

TiddlyTools.com: "Small Tools for Big Ideas!" (tm) (TWClassic)

InsideTiddlyWiki - http://www.TiddlyTools.com/InsideTW

[Helge P]

On Tuesday, January 21, 2020 at 10:04:22 PM UTC+1, Eric Shulman wrote:

A quick examination of the $:/ControlPanel Appearance/Theme Tweaks panel shows several relevant settings:

1) The Sidebar Layout is set to "Fixed Story / Variable Sidebar"

2) The Story Right is set to 70%

3) The Story Width is set to 71%

Note that the value of "Story Right" and "Story Width" do not match, and that the Story Width is larger than the Story Right.

If you set the Story Width to 70% (so it matches the Story Right value), it avoids the overlapping of the Story River and Sidebar, and allows the arrows in the Sidebar TOC to work as expected.

Thanks, that was exactly what was wrong. Must have changed those values while editing the layout...

Helge.