[tw5] Re: Reduce width allowed for Table of Contents left side (links)

[S. S.]

Mark,

I must have been in a parallel universe for some hours. I thought I tried 
that - and it didn't work over there!
It works now  

Thank you for bringing me back to this world.

Regards

On Monday, December 31, 2018 at 2:07:03 PM UTC+7, Mark S. wrote:
>
> Tag your tiddler "Test". Create a stylesheet tiddler (a tiddler tagged 
> $:/tags/Stylesheet):
>
> [data-tags~="Test"] .tc-tabbed-table-of-contents .tc-table-of-contents {
> max-width: 30% ;
> }
>
> That should change the max-width. I think you can see how to change "Test" 
> to some other tag name, if you prefer.
>
> Good luck
> -- Mark
>
> On Sunday, December 30, 2018 at 9:36:07 PM UTC-8, S. S. wrote:
>>
>>
>> On the tiddlywiki.com website, if I make a tabbed internal Table of 
>> Contents as follows:
>>
>> <$macrocall
>> $name="toc-tabbed-internal-nav"
>> tag="Learning"
>> selectedTiddler="$:/temp/toc/selectedTiddler"
>> unselectedText="Select a topic in the table of contents. Click 
>> the arrow to expand a topic."
>> missingText="Missing tiddler."
>> />
>>
>> Some long  titles cause the left side to take up half the width of the 
>> tiddler, leaving too little space to display tiddler contents on the right 
>> side.
>>
>> I want to change (reduce) the width allowed on the left-side index of 
>> links.
>>
>> I found the place in the CSS tiddler *$:/themes/tiddlywiki/vanilla/base* 
>> that allows the width to be changed:
>>
>> .tc-tabbed-table-of-contents .tc-table-of-contents {
>> z-index: 100;
>> display: inline-block;
>> padding-left: 1em;
>> max-width: 50%;
>> -webkit-flex: 0 0 auto;
>> flex: 0 0 auto;
>> background: <>;
>> border-left: 1px solid <>;
>> border-top: 1px solid <>;
>> border-bottom: 1px solid <>;
>> }
>>
>>
>> I want to change the value *max-width: 50%;* by perhaps using a field 
>> value in a ToC tiddler, like *width* with a value of: 30%
>> or using a *class* field
>>
>> I do *not* want to modify the *$:/themes/tiddlywiki/vanilla/base* 
>> tiddler , nor the ToC Macros in *$:/core/macros/toc*
>>
>> How might I accomplish this?
>>
>> Wishing all a dynamic, productive, rewarding year ahead!
>>
>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/05701a1b-0e79-45df-87f7-6be64597752d%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: Reduce width allowed for Table of Contents left side (links)

['Mark S.' via TiddlyWiki]

Tag your tiddler "Test". Create a stylesheet tiddler (a tiddler tagged 
$:/tags/Stylesheet):

[data-tags~="Test"] .tc-tabbed-table-of-contents .tc-table-of-contents {
max-width: 30% ;
}

That should change the max-width. I think you can see how to change "Test" 
to some other tag name, if you prefer.

Good luck
-- Mark

On Sunday, December 30, 2018 at 9:36:07 PM UTC-8, S. S. wrote:
>
>
> On the tiddlywiki.com website, if I make a tabbed internal Table of 
> Contents as follows:
>
> <$macrocall
> $name="toc-tabbed-internal-nav"
> tag="Learning"
> selectedTiddler="$:/temp/toc/selectedTiddler"
> unselectedText="Select a topic in the table of contents. Click the 
> arrow to expand a topic."
> missingText="Missing tiddler."
> />
>
> Some long  titles cause the left side to take up half the width of the 
> tiddler, leaving too little space to display tiddler contents on the right 
> side.
>
> I want to change (reduce) the width allowed on the left-side index of 
> links.
>
> I found the place in the CSS tiddler *$:/themes/tiddlywiki/vanilla/base* 
> that allows the width to be changed:
>
> .tc-tabbed-table-of-contents .tc-table-of-contents {
> z-index: 100;
> display: inline-block;
> padding-left: 1em;
> max-width: 50%;
> -webkit-flex: 0 0 auto;
> flex: 0 0 auto;
> background: <>;
> border-left: 1px solid <>;
> border-top: 1px solid <>;
> border-bottom: 1px solid <>;
> }
>
>
> I want to change the value *max-width: 50%;* by perhaps using a field 
> value in a ToC tiddler, like *width* with a value of: 30%
> or using a *class* field
>
> I do *not* want to modify the *$:/themes/tiddlywiki/vanilla/base* tiddler 
> , nor the ToC Macros in *$:/core/macros/toc*
>
> How might I accomplish this?
>
> Wishing all a dynamic, productive, rewarding year ahead!
>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/e369b1cc-f632-409a-8abf-cac061af4892%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.