a quick hack by overruling the css :
/* =========== text editor size ===========*/
.tc-tiddler-preview {
overflow: visible; /* to make the preview-preview on top of the sidebar
*/
}
.tc-edit-texteditor {
max-height: 55vh; /* max height of text editor */
overflow-y: auto;
}
.tc-tiddler-frame .tc-tiddler-preview .tc-edit-texteditor {
width: 480px; /* or try another value 50%-54% */
border: 1px solid #000000;
}
.tc-edit-texteditor tc-edit-texteditor-body {
height: 275px;
}
/*====== the actual preview block on the right =======*/
! .tc-tiddler-preview-preview {
transform: scale(0.8); /* definbes the zoom scale */
float: right;
position: absolute; /* changed from relative */
top : 178px; /* tweak this ! try 246 px or 29% ; relative -27.5rem*/
left : 66% ; /* if relative 30% */
overflow : auto;
width: 80%;
max-width : 720px;
max-height: 463px;
border: 1px solid #000000;
margin: 4px 0px 3px 3px;
padding: 3px 3px 3px 3px;
z-index: 1000;
background : white; /* change to your theme */
}
save this in a tiddler with tag `$:/tags/StyleSheet` and type to `text/css`
it should make the preview block look as a `floating` window on top of the
sidebar.
*the values should be tweaked depending on your theme*, I'm just fiddling
with css, I didn't try to make this work in all situations.
_Ph
On Tuesday, July 14, 2020 at 11:28:38 PM UTC+2, amreus wrote:
>
> This is related to Mat's SideEditor, but I thought not on-topic so I
> started a new topic.
>
> So would it be possible to make a "Side Preview" plugin? So instead of
> floating a side editor, the normal editor is used but a small (tiny?), live
> preview window is floated over the sidebar when the tiddler is being
> edited? Sort of like the preview when you hover over the Windows taskbar.
>
>
>
>
>
--
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/5c0719cc-22ff-4937-8ae5-d461e49cc1d4o%40googlegroups.com.
