I am trying to change some things in these templates. But I can’t figure out how to move some of the elements around.
For my ViewTemplate I would like to have a layout similar to this with the tc-tiddler-body being a scrollable container:
<div class='tc-tiddler-title'></div><div class='tc-tiddler-controls'></div>
<div class='tc-tiddler-subtitle'></div>
<div class='tc-tiddler-body' style='overflow-y: scroll'>
tiddler contents
</div>
<div class='tc-tags-wrapper'></div>
For the ViewTemplate I got everything working the way I want, except for the tc-tags-wrapper is inside tc-tiddler-body, and I would like that part outside of the scrollable container.
As for the EditTemplate, I would like there to be a scrollable container, but there is nothing in the current templates that allows me to do this. I need a tc-tiddler-body or something similar in there as well. because I would like a similar layout to ViewTemplate, like this:
<div class='tc-tiddler-edit-title'></div><div class='tc-tiddler-controls'></div>
<div class='tc-tiddler-body' style='overflow-y: scroll'>
title editor
tag editor
body text editor/preview
type
fields manager
</div>
For EditTemplate, I actually tried using keyboard as the scrollable container with this CSS:
div.tc-tiddler-edit-frame keyboard keyboard {
overflow-y: scroll;
}
But tc-tiddler-edit-title is located inside that tag.