Create a tiddler (e.g., "SetTiddlerWidth"), tagged with
`$:/tags/Stylesheet`, containing:
```
<$list filter="[{$:/state/sidebar}match[no]]">
.tc-tiddler-frame { width:50vw; min-width:600px; margin-left:auto;
margin-right:auto; }
</$list>
```
Notes:
* The contents of `$:/state/sidebar` are automatically set to "yes" or "no"
when you click the double-chevron ("toggle sidebar") button
* The `$list` widget acts as a conditional test to check if the text field
of `$:/state/sidebar` contains "no".
* `width:50vw;` limits the `tc-tiddler-frame` element to 50% of the current
window width
* `min-width:600px;` ensures that the width of the tiddler frames don't get
too small if the current window width is very narrow
* `margin-left:auto;` and `margin-right:auto;` centers the tiddler frames
within the window
enjoy,
-e
On Friday, September 23, 2022 at 8:57:39 AM UTC-7 zvb...@gmail.com wrote:
> Hello,
>
> I'm using a single file default TW and want to make a minor adjustment to
> the theme.
>
> I'd like to limit the size of the of my tiddlers when the sidebar is
> collapsed.
>
> What would be the best way to go about this?
>
> Thanks,
> Brin
>
--
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 view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/5a0368e3-c99c-4f26-aff7-8cc7082b27a1n%40googlegroups.com.
