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 [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/31eace9f-b9ef-43b7-bf17-84f679e24a09o%40googlegroups.com.
