CSS query: drag handle to resize tiddler? and preview panel?

2

For resizing tiddlers height:

.tc-tiddler-frame {
resize: vertical;
overflow: auto;
}

And for resizing the editor preview:

.tc-tiddler-preview{
display:flex;
flex-wrap:wrap;
}

.tc-tiddler-preview .tc-editor-toolbar{
width:100%;
}

.tc-tiddler-preview-preview{
resize: horizontal;
overflow: auto;
}

.tc-edit-texteditor.tc-edit-texteditor-body{
flex-grow:1;
}

It’s janky but it works ! Note that since this is only CSS, the size will reset when you close / reopen a tiddler, the new size is not stored anywhere.