Oh geez I just realized I need to have the built-in Preview (eye)
enabled.. lol.
On Sunday, July 19, 2020 at 10:58:22 AM UTC-4, _Phi / hpx1 wrote:
>
> yes, that looks correct. Its working for me on an empty.html tiddlywiki,
> so I can only suggest some troubleshooting steps :
>
> - maybe double check the tag $:/tags/Stylesheet (no trailing space) ?
> - make sure the tiddler type is default (click the trash con near the
> `type`) and save your tiddler first. The, open/edit a tiddler to check if
> it works.
> - try to save the wiki then refresh (although it shouldn't be
> necessary).
> - maybe run it under TiddlyDesktop to confirm that it's not related to
> your browser settings.
>
> good luck
>
> On Sunday, July 19, 2020 at 11:31:47 AM UTC+2, amreus wrote:
>>
>> 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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/b86f1e0d-925d-4bac-bc0a-8ff909780f5fo%40googlegroups.com.
