Thank you for taking your time to create this.
I have not been able to get it to work.
Is this the correct way to use?
1. Create a new tiddler, and paste in the css text.
2. Add a tag to the new tiddler of $:/tags/Stylesheet
Is there some step I am missing? I start with a new (5.1.22) empty.html to
avoid possible interference and still see nothing. Also there is a recent
topic of floating toolbar buttons which also does not appear to do anything
for me.
Thanks again.
On Saturday, July 18, 2020 at 12:12:40 AM UTC-4, _Phi / hpx1 wrote:
>
> So it's definitely possible with css, see images and code below. I didn't
> try to calc the sizes, so you'll need to tinker with the values a bit
> (adjust top/left/width/height according to the zoom scale you choose).
> the "side preview" with small zoom :
>
> and the variant that I use : bigger preview & shadows to fit my theme :
>
> the CSS code
>
> /* ========== the text editor (on the left) ===========*/
> .tc-tiddler-preview {
> overflow: visible; /* block preview will overlap the sidebar */
> }
> .tc-editor-toolbar {
> margin-top: 2px;
> width: 80%; /* reduced toolbar width for the preview block */
> }
> .tc-edit-texteditor {
> max-height: 55vh;
> overflow-y: auto;
> }
> .tc-tiddler-frame .tc-tiddler-preview .tc-edit-texteditor {
> width: 620px; /* width of the editor block on the left*/
> border: 1px solid <<colour tiddler-editor-border>>;
> }
> .tc-edit-texteditor tc-edit-texteditor-body {
> height: 275px;
> }
> .tc-tiddler-frame .tc-edit-texteditor {
> margin: 1px 0 1px 0;
> }
> /*====== the preview block on the right =======*/
> .tc-tiddler-preview-preview {
> transform: scale(0.62);/* defines the zoom scale */
> float: right;
> position: absolute;
> top : 9em; /* sets where the preview appears */
> left : 550px; /* setswhere the preview appears */
> overflow-x: auto;
> overflow-y:auto;
> width: 100%;
> height:100%;
> max-width : 500px;
> max-height: 560px;
> margin: 4px 0px 3px 3px;
> padding: 3px 16px 3px 16px;
> z-index: 1000;
> border: 1px solid <<colour table-border>>;
> background : <<colour background>>;
> }
>
>
> 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 [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/49fa6821-07f7-4c12-8187-d5bbe24e8d74o%40googlegroups.com.
