Limit tiddler height?

#1

hello,

is it possible to limit tids to a max height in view and editor? Not fixed, but max - beyond which a scroll appears, else only as much as required? Ditto for the editor view.

#2

Give this a try:

Create a tiddler with any name (e.g. “MyStyles”), tagged with$:/tags/Stylesheet, containing:

.tc-tiddler-frame { max-height:50vh; overflow:hidden auto; }

If you want different height limits for view and edit, use:

.tc-tiddler-view-frame { max-height:30vh; overflow:hidden auto; }
.tc-tiddler-edit-frame { max-height:50vh; overflow:hidden auto; }

Adjust the max-height values to fit your needs, using any suitable CSS Units (e.g., “px”, “em”, “cm”, “in”, “vh”, “rem”, etc.)

2 Likes
#3

Thank you @EricShulman - very clear instruction, and that works 100% perfectly for the view template. With the edit view though, I want to restrict just the text area. Like what tw already has but its fixed always x… i’d like to have that as max, else just have height to required space. doable?

#4

Add the following content to the stylesheet you’ve already created:

.tc-edit-texteditor { max-height:50vh; overflow:hidden auto; }

and, of course, remove the previous .tc-tiddler-edit-view CSS rule.

1 Like
#5

this works wonderfully! :+1: