[tw5] Re: Table of content - reference title of current tiddler

2022-01-07 Thread am ibr 
Thanks Mark!

On Friday, January 7, 2022 at 3:13:25 PM UTC-5 Mark S. wrote:

> You need to invoke the macro via the macrocall widget:
>
> <$macrocall $name=toc-expandable tag=<> />
>
> On Friday, January 7, 2022 at 11:06:41 AM UTC-8 ai.gene...@gmail.com 
> wrote:
>
>> Hello,
>>
>> I am using the TOC macro and would like to use the title of tiddler 
>> itself as the tag. So something like:
>> <>
>>
>> How do I reference the title of the tiddler itself inside the macro ?
>> Thanks,
>>
>> Amir
>>
>

-- 
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/a6355dc9-d12a-4f10-9aa4-3d551e957979n%40googlegroups.com.

[tw5] Re: Table of content - reference title of current tiddler

2022-01-07 Thread 'Mark S.' via TiddlyWiki 
You need to invoke the macro via the macrocall widget:

<$macrocall $name=toc-expandable tag=<> />

On Friday, January 7, 2022 at 11:06:41 AM UTC-8 ai.gene...@gmail.com wrote:

> Hello,
>
> I am using the TOC macro and would like to use the title of tiddler itself 
> as the tag. So something like:
> <>
>
> How do I reference the title of the tiddler itself inside the macro ?
> Thanks,
>
> Amir
>

-- 
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/e05ac548-82bf-4e64-82f4-afcd88858988n%40googlegroups.com.

[tw5] Table of content - reference title of current tiddler

2022-01-07 Thread am ibr 
Hello,

I am using the TOC macro and would like to use the title of tiddler itself 
as the tag. So something like:
<>

How do I reference the title of the tiddler itself inside the macro ?
Thanks,

Amir

-- 
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/3e311a81-4c52-41ca-a4a6-7c9fbdb542cen%40googlegroups.com.

[tw5] Passing field name to transclusion template

2022-01-07 Thread Charlie Veniot 
A little more fun related parameterized transclusion.

{{Some Tiddler??created||tField}}

And the text in the tField template tiddler:

<$list filter="[!match[tField]]">
<$vars thisTiddler={{{ [split[??]nth[1]] }}}
   thisField={{{ [split[??]nth[2]else[text]] }}}>

<$transclude tiddler=<> field=<>/>




-- 
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/0f77064b-002c-4a38-b87a-fc3eac4190cbn%40googlegroups.com.

[tw5] Parameterized transclusions

2022-01-07 Thread Charlie Veniot 
When dealing with many parameters, I'm likely to setup a macro.

If things aren't too complicated, I much prefer transclusion and 
transclusion templates.

Why?  I can't explain it.  Macros annoy me for whatever reason.

Although a silly scenario, this sample code is about a little bit of 
filtering fun and to showcase how simple transclusion can be used for all 
sorts of things that are a little on the far side.

I've got a tiddler called "Some Tiddler" that has the text "Text in Some 
Tiddler"

I've got another tiddler with the following text:

{{Some Tiddler::red||tColouredText}}

{{Some Tiddler::green||tColouredText}}

{{Some Tiddler::blue||tColouredText}}

The template tiddler "tColouredText" has this text:

<$list filter="[!match[tColouredText]]">
<$vars thisTiddler={{{ [split[::]nth[1]] }}}
   thisColour={{{ [split[::]nth[2]else[black]] }}}>


addsuffix[;]] }}}>
<$transclude tiddler=<>/>





-- 
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/ff1d3c15-9a60-4e9e-9be8-cc020a0febccn%40googlegroups.com.

[tw5] Re: Need a little assistance with adjusting how tiddlers are laid out

2022-01-07 Thread Justin H. 
Ah, I see. Alright then, I'll go ahead and add that to my TW.

Thank you for the help with both of these!

On Friday, January 7, 2022 at 8:51:58 AM UTC-5 Télumire wrote:

> Mh sorry, I only tested in firefox, looks like firefox allows to style 
> iframe content while chrome doesnt .. you use chrome right ? 
> I think (based on this thread 
> ) 
> you will need to either modify the core or use a plugin like CodeMirror, 
> which doesnt use iframe : 
> https://telumire.be/demo/TW/hide_scroll_codemirror.html
>
> You can set the preview to be the same size than the editor, the height I 
> use in my example is simply to force an overflow. 
>
>
>
> On Friday, 7 January 2022 at 13:31:49 UTC+1 justin.hu...@gmail.com wrote:
>
>> Just as a sidenote, I use the choose height of texteditor option, but 
>> even without that chosen it still adds the scrollbar to the texteditor, I'm 
>> not entirely sure why to be honest.
>>
>> On Friday, January 7, 2022 at 7:30:41 AM UTC-5 Justin H. wrote:
>>
>>> Testing it currently, and it seems to give two uneven length columns, 
>>> both with scrollbars.
>>>
>>> [image: Scrollbar testing.PNG]
>>>
>>> I'm currently using chrome browser as well, no other tw open currently 
>>> to interfere with it (hopefully.)
>>>
>>>
>>>
>>> On Friday, January 7, 2022 at 7:00:06 AM UTC-5 Télumire wrote:
>>>
 Try this : 

 /* Hide scrollbar for Chrome, Safari and Opera */
 .tc-edit-texteditor::-webkit-scrollbar {
 display: none;
 }

 /* Hide scrollbar for IE, Edge and Firefox */
 .tc-edit-texteditor {
 max-height: 200px; /* if not set there is no overflow */
 -ms-overflow-style: none; /* IE and Edge */
 scrollbar-width: none; /* Firefox */
 }

 Demo : https://telumire.be/demo/TW/hide_scroll.html


 On Friday, 7 January 2022 at 10:53:23 UTC+1 justin.hu...@gmail.com 
 wrote:

> is there a method of applying css to the .tc-edit-texteditor? I've 
> tried a few different ways to do that, but I can't seem to get anything 
> to 
> work, only with the other scrollbars.
>
> having the scrollbars hidden does look nice, but doesn't allow me to 
> scroll with the mousewheel unfortunately.
>
> On Friday, January 7, 2022 at 4:20:16 AM UTC-5 Justin H. wrote:
>
>> Thank you for this! I was actually playing around with it to figure 
>> out how to do just this
>>
>> On Wednesday, December 15, 2021 at 12:25:11 PM UTC-5 Télumire wrote:
>>
>>> I noticed that when the preview is closed, the toolbar come back to 
>>> the top. This is because Tiddlywiki use two containers, one for the 
>>> editor 
>>> without the preview, and the second to display the editor with the 
>>> preview.
>>>
>>> If you want the layout to stay the same with and without preview, 
>>> use this :
>>>
>>> .tc-dropzone-editor>.tc-reveal,.tc-tiddler-preview{
>>> display:flex;
>>> flex-direction:column-reverse;
>>> }
>>>
>>> .tc-tiddler-preview>*
>>> {
>>> margin:0!important;
>>> width:auto!important;
>>> }
>>>
>>> /*optional : prevent scroll bar in the text editor*/
>>> .tc-edit-texteditor {
>>> object-fit: contain;
>>> overflow-y:hidden;
>>> }
>>>
>>>
>>> And if you want to support the code mirror addon too, use this :
>>>
>>> .tc-dropzone-editor>.tc-reveal,.tc-tiddler-preview, 
>>> .tc-edit-tags~.tc-reveal{
>>> display:flex;
>>> flex-direction:column-reverse;
>>> }
>>>
>>> .tc-tiddler-preview>p {
>>> display:contents;
>>> }
>>>
>>> .tc-tiddler-preview>*,.tc-tiddler-preview>p>*{
>>> margin:0!important;
>>> width:100%!important;
>>> }
>>>
>>> /*optional : prevent scroll bar in the text editor*/
>>> .tc-edit-texteditor {
>>> object-fit: contain;
>>> overflow-y:hidden;
>>> }
>>>
>>> Le mardi 14 décembre 2021 à 14:36:32 UTC+1, justin.hu...@gmail.com 
>>> a écrit :
>>>
 perfect! thank you :D

 On Sunday, December 12, 2021 at 4:48:23 PM UTC-5 Télumire wrote:

> You can use this style : 
>
> .tc-tiddler-preview{
> display:flex;
> flex-direction:column-reverse;
> }
>
> .tc-tiddler-preview>*
> {
> margin:0!important;
> width:100%!important;
> }
>
> In a tiddler with the tag $:/tags/Stylesheet.
> Enjoy ! :)
> Le samedi 11 décembre 2021 à 11:31:04 UTC+1, 
> justin.hu...@gmail.com a écrit :
>
>> I'm currently using the very basic version of JD's Mobile plugin, 
>> as I aim to use my TW from my phone, but I'm not sure what I need to 
>> do in 
>> order to achieve what I've mocked up below.
>>
>> I'd like to just fi

[tw5] Re: Need a little assistance with adjusting how tiddlers are laid out

2022-01-07 Thread Télumire 
Mh sorry, I only tested in firefox, looks like firefox allows to style 
iframe content while chrome doesnt .. you use chrome right ? 
I think (based on this thread 
) 
you will need to either modify the core or use a plugin like CodeMirror, 
which doesnt use iframe : 
https://telumire.be/demo/TW/hide_scroll_codemirror.html

You can set the preview to be the same size than the editor, the height I 
use in my example is simply to force an overflow. 



On Friday, 7 January 2022 at 13:31:49 UTC+1 justin.hu...@gmail.com wrote:

> Just as a sidenote, I use the choose height of texteditor option, but even 
> without that chosen it still adds the scrollbar to the texteditor, I'm not 
> entirely sure why to be honest.
>
> On Friday, January 7, 2022 at 7:30:41 AM UTC-5 Justin H. wrote:
>
>> Testing it currently, and it seems to give two uneven length columns, 
>> both with scrollbars.
>>
>> [image: Scrollbar testing.PNG]
>>
>> I'm currently using chrome browser as well, no other tw open currently to 
>> interfere with it (hopefully.)
>>
>>
>>
>> On Friday, January 7, 2022 at 7:00:06 AM UTC-5 Télumire wrote:
>>
>>> Try this : 
>>>
>>> /* Hide scrollbar for Chrome, Safari and Opera */
>>> .tc-edit-texteditor::-webkit-scrollbar {
>>> display: none;
>>> }
>>>
>>> /* Hide scrollbar for IE, Edge and Firefox */
>>> .tc-edit-texteditor {
>>> max-height: 200px; /* if not set there is no overflow */
>>> -ms-overflow-style: none; /* IE and Edge */
>>> scrollbar-width: none; /* Firefox */
>>> }
>>>
>>> Demo : https://telumire.be/demo/TW/hide_scroll.html
>>>
>>>
>>> On Friday, 7 January 2022 at 10:53:23 UTC+1 justin.hu...@gmail.com 
>>> wrote:
>>>
 is there a method of applying css to the .tc-edit-texteditor? I've 
 tried a few different ways to do that, but I can't seem to get anything to 
 work, only with the other scrollbars.

 having the scrollbars hidden does look nice, but doesn't allow me to 
 scroll with the mousewheel unfortunately.

 On Friday, January 7, 2022 at 4:20:16 AM UTC-5 Justin H. wrote:

> Thank you for this! I was actually playing around with it to figure 
> out how to do just this
>
> On Wednesday, December 15, 2021 at 12:25:11 PM UTC-5 Télumire wrote:
>
>> I noticed that when the preview is closed, the toolbar come back to 
>> the top. This is because Tiddlywiki use two containers, one for the 
>> editor 
>> without the preview, and the second to display the editor with the 
>> preview.
>>
>> If you want the layout to stay the same with and without preview, use 
>> this :
>>
>> .tc-dropzone-editor>.tc-reveal,.tc-tiddler-preview{
>> display:flex;
>> flex-direction:column-reverse;
>> }
>>
>> .tc-tiddler-preview>*
>> {
>> margin:0!important;
>> width:auto!important;
>> }
>>
>> /*optional : prevent scroll bar in the text editor*/
>> .tc-edit-texteditor {
>> object-fit: contain;
>> overflow-y:hidden;
>> }
>>
>>
>> And if you want to support the code mirror addon too, use this :
>>
>> .tc-dropzone-editor>.tc-reveal,.tc-tiddler-preview, 
>> .tc-edit-tags~.tc-reveal{
>> display:flex;
>> flex-direction:column-reverse;
>> }
>>
>> .tc-tiddler-preview>p {
>> display:contents;
>> }
>>
>> .tc-tiddler-preview>*,.tc-tiddler-preview>p>*{
>> margin:0!important;
>> width:100%!important;
>> }
>>
>> /*optional : prevent scroll bar in the text editor*/
>> .tc-edit-texteditor {
>> object-fit: contain;
>> overflow-y:hidden;
>> }
>>
>> Le mardi 14 décembre 2021 à 14:36:32 UTC+1, justin.hu...@gmail.com a 
>> écrit :
>>
>>> perfect! thank you :D
>>>
>>> On Sunday, December 12, 2021 at 4:48:23 PM UTC-5 Télumire wrote:
>>>
 You can use this style : 

 .tc-tiddler-preview{
 display:flex;
 flex-direction:column-reverse;
 }

 .tc-tiddler-preview>*
 {
 margin:0!important;
 width:100%!important;
 }

 In a tiddler with the tag $:/tags/Stylesheet.
 Enjoy ! :)
 Le samedi 11 décembre 2021 à 11:31:04 UTC+1, justin.hu...@gmail.com 
 a écrit :

> I'm currently using the very basic version of JD's Mobile plugin, 
> as I aim to use my TW from my phone, but I'm not sure what I need to 
> do in 
> order to achieve what I've mocked up below.
>
> I'd like to just figure out  a way to make a separate stylesheet 
> to apply these changes without having to make any changes to JD's 
> plugin if 
> possible.
>
> any help with this would be greatly appreciated!
>
> [image: Before.PNG][image: After.PNG]
>


-- 
You received this me

[tw5] Re: Need a little assistance with adjusting how tiddlers are laid out

2022-01-07 Thread Justin H. 
Just as a sidenote, I use the choose height of texteditor option, but even 
without that chosen it still adds the scrollbar to the texteditor, I'm not 
entirely sure why to be honest.

On Friday, January 7, 2022 at 7:30:41 AM UTC-5 Justin H. wrote:

> Testing it currently, and it seems to give two uneven length columns, both 
> with scrollbars.
>
> [image: Scrollbar testing.PNG]
>
> I'm currently using chrome browser as well, no other tw open currently to 
> interfere with it (hopefully.)
>
>
>
> On Friday, January 7, 2022 at 7:00:06 AM UTC-5 Télumire wrote:
>
>> Try this : 
>>
>> /* Hide scrollbar for Chrome, Safari and Opera */
>> .tc-edit-texteditor::-webkit-scrollbar {
>> display: none;
>> }
>>
>> /* Hide scrollbar for IE, Edge and Firefox */
>> .tc-edit-texteditor {
>> max-height: 200px; /* if not set there is no overflow */
>> -ms-overflow-style: none; /* IE and Edge */
>> scrollbar-width: none; /* Firefox */
>> }
>>
>> Demo : https://telumire.be/demo/TW/hide_scroll.html
>>
>>
>> On Friday, 7 January 2022 at 10:53:23 UTC+1 justin.hu...@gmail.com wrote:
>>
>>> is there a method of applying css to the .tc-edit-texteditor? I've tried 
>>> a few different ways to do that, but I can't seem to get anything to work, 
>>> only with the other scrollbars.
>>>
>>> having the scrollbars hidden does look nice, but doesn't allow me to 
>>> scroll with the mousewheel unfortunately.
>>>
>>> On Friday, January 7, 2022 at 4:20:16 AM UTC-5 Justin H. wrote:
>>>
 Thank you for this! I was actually playing around with it to figure out 
 how to do just this

 On Wednesday, December 15, 2021 at 12:25:11 PM UTC-5 Télumire wrote:

> I noticed that when the preview is closed, the toolbar come back to 
> the top. This is because Tiddlywiki use two containers, one for the 
> editor 
> without the preview, and the second to display the editor with the 
> preview.
>
> If you want the layout to stay the same with and without preview, use 
> this :
>
> .tc-dropzone-editor>.tc-reveal,.tc-tiddler-preview{
> display:flex;
> flex-direction:column-reverse;
> }
>
> .tc-tiddler-preview>*
> {
> margin:0!important;
> width:auto!important;
> }
>
> /*optional : prevent scroll bar in the text editor*/
> .tc-edit-texteditor {
> object-fit: contain;
> overflow-y:hidden;
> }
>
>
> And if you want to support the code mirror addon too, use this :
>
> .tc-dropzone-editor>.tc-reveal,.tc-tiddler-preview, 
> .tc-edit-tags~.tc-reveal{
> display:flex;
> flex-direction:column-reverse;
> }
>
> .tc-tiddler-preview>p {
> display:contents;
> }
>
> .tc-tiddler-preview>*,.tc-tiddler-preview>p>*{
> margin:0!important;
> width:100%!important;
> }
>
> /*optional : prevent scroll bar in the text editor*/
> .tc-edit-texteditor {
> object-fit: contain;
> overflow-y:hidden;
> }
>
> Le mardi 14 décembre 2021 à 14:36:32 UTC+1, justin.hu...@gmail.com a 
> écrit :
>
>> perfect! thank you :D
>>
>> On Sunday, December 12, 2021 at 4:48:23 PM UTC-5 Télumire wrote:
>>
>>> You can use this style : 
>>>
>>> .tc-tiddler-preview{
>>> display:flex;
>>> flex-direction:column-reverse;
>>> }
>>>
>>> .tc-tiddler-preview>*
>>> {
>>> margin:0!important;
>>> width:100%!important;
>>> }
>>>
>>> In a tiddler with the tag $:/tags/Stylesheet.
>>> Enjoy ! :)
>>> Le samedi 11 décembre 2021 à 11:31:04 UTC+1, justin.hu...@gmail.com 
>>> a écrit :
>>>
 I'm currently using the very basic version of JD's Mobile plugin, 
 as I aim to use my TW from my phone, but I'm not sure what I need to 
 do in 
 order to achieve what I've mocked up below.

 I'd like to just figure out  a way to make a separate stylesheet to 
 apply these changes without having to make any changes to JD's plugin 
 if 
 possible.

 any help with this would be greatly appreciated!

 [image: Before.PNG][image: After.PNG]

>>>

-- 
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/36044a37-edff-45c7-8d0e-86c973f6c9b7n%40googlegroups.com.

[tw5] Re: Need a little assistance with adjusting how tiddlers are laid out

2022-01-07 Thread Justin H. 
Testing it currently, and it seems to give two uneven length columns, both 
with scrollbars.

[image: Scrollbar testing.PNG]

I'm currently using chrome browser as well, no other tw open currently to 
interfere with it (hopefully.)



On Friday, January 7, 2022 at 7:00:06 AM UTC-5 Télumire wrote:

> Try this : 
>
> /* Hide scrollbar for Chrome, Safari and Opera */
> .tc-edit-texteditor::-webkit-scrollbar {
> display: none;
> }
>
> /* Hide scrollbar for IE, Edge and Firefox */
> .tc-edit-texteditor {
> max-height: 200px; /* if not set there is no overflow */
> -ms-overflow-style: none; /* IE and Edge */
> scrollbar-width: none; /* Firefox */
> }
>
> Demo : https://telumire.be/demo/TW/hide_scroll.html
>
>
> On Friday, 7 January 2022 at 10:53:23 UTC+1 justin.hu...@gmail.com wrote:
>
>> is there a method of applying css to the .tc-edit-texteditor? I've tried 
>> a few different ways to do that, but I can't seem to get anything to work, 
>> only with the other scrollbars.
>>
>> having the scrollbars hidden does look nice, but doesn't allow me to 
>> scroll with the mousewheel unfortunately.
>>
>> On Friday, January 7, 2022 at 4:20:16 AM UTC-5 Justin H. wrote:
>>
>>> Thank you for this! I was actually playing around with it to figure out 
>>> how to do just this
>>>
>>> On Wednesday, December 15, 2021 at 12:25:11 PM UTC-5 Télumire wrote:
>>>
 I noticed that when the preview is closed, the toolbar come back to the 
 top. This is because Tiddlywiki use two containers, one for the editor 
 without the preview, and the second to display the editor with the preview.

 If you want the layout to stay the same with and without preview, use 
 this :

 .tc-dropzone-editor>.tc-reveal,.tc-tiddler-preview{
 display:flex;
 flex-direction:column-reverse;
 }

 .tc-tiddler-preview>*
 {
 margin:0!important;
 width:auto!important;
 }

 /*optional : prevent scroll bar in the text editor*/
 .tc-edit-texteditor {
 object-fit: contain;
 overflow-y:hidden;
 }


 And if you want to support the code mirror addon too, use this :

 .tc-dropzone-editor>.tc-reveal,.tc-tiddler-preview, 
 .tc-edit-tags~.tc-reveal{
 display:flex;
 flex-direction:column-reverse;
 }

 .tc-tiddler-preview>p {
 display:contents;
 }

 .tc-tiddler-preview>*,.tc-tiddler-preview>p>*{
 margin:0!important;
 width:100%!important;
 }

 /*optional : prevent scroll bar in the text editor*/
 .tc-edit-texteditor {
 object-fit: contain;
 overflow-y:hidden;
 }

 Le mardi 14 décembre 2021 à 14:36:32 UTC+1, justin.hu...@gmail.com a 
 écrit :

> perfect! thank you :D
>
> On Sunday, December 12, 2021 at 4:48:23 PM UTC-5 Télumire wrote:
>
>> You can use this style : 
>>
>> .tc-tiddler-preview{
>> display:flex;
>> flex-direction:column-reverse;
>> }
>>
>> .tc-tiddler-preview>*
>> {
>> margin:0!important;
>> width:100%!important;
>> }
>>
>> In a tiddler with the tag $:/tags/Stylesheet.
>> Enjoy ! :)
>> Le samedi 11 décembre 2021 à 11:31:04 UTC+1, justin.hu...@gmail.com 
>> a écrit :
>>
>>> I'm currently using the very basic version of JD's Mobile plugin, as 
>>> I aim to use my TW from my phone, but I'm not sure what I need to do in 
>>> order to achieve what I've mocked up below.
>>>
>>> I'd like to just figure out  a way to make a separate stylesheet to 
>>> apply these changes without having to make any changes to JD's plugin 
>>> if 
>>> possible.
>>>
>>> any help with this would be greatly appreciated!
>>>
>>> [image: Before.PNG][image: After.PNG]
>>>
>>

-- 
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/05771cef-0d90-42e3-9f4a-7cf0a74c94fen%40googlegroups.com.

[tw5] Re: Need a little assistance with adjusting how tiddlers are laid out

2022-01-07 Thread Télumire 
 Try this : 

/* Hide scrollbar for Chrome, Safari and Opera */
.tc-edit-texteditor::-webkit-scrollbar {
display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.tc-edit-texteditor {
max-height: 200px; /* if not set there is no overflow */
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}

Demo : https://telumire.be/demo/TW/hide_scroll.html


On Friday, 7 January 2022 at 10:53:23 UTC+1 justin.hu...@gmail.com wrote:

> is there a method of applying css to the .tc-edit-texteditor? I've tried a 
> few different ways to do that, but I can't seem to get anything to work, 
> only with the other scrollbars.
>
> having the scrollbars hidden does look nice, but doesn't allow me to 
> scroll with the mousewheel unfortunately.
>
> On Friday, January 7, 2022 at 4:20:16 AM UTC-5 Justin H. wrote:
>
>> Thank you for this! I was actually playing around with it to figure out 
>> how to do just this
>>
>> On Wednesday, December 15, 2021 at 12:25:11 PM UTC-5 Télumire wrote:
>>
>>> I noticed that when the preview is closed, the toolbar come back to the 
>>> top. This is because Tiddlywiki use two containers, one for the editor 
>>> without the preview, and the second to display the editor with the preview.
>>>
>>> If you want the layout to stay the same with and without preview, use 
>>> this :
>>>
>>> .tc-dropzone-editor>.tc-reveal,.tc-tiddler-preview{
>>> display:flex;
>>> flex-direction:column-reverse;
>>> }
>>>
>>> .tc-tiddler-preview>*
>>> {
>>> margin:0!important;
>>> width:auto!important;
>>> }
>>>
>>> /*optional : prevent scroll bar in the text editor*/
>>> .tc-edit-texteditor {
>>> object-fit: contain;
>>> overflow-y:hidden;
>>> }
>>>
>>>
>>> And if you want to support the code mirror addon too, use this :
>>>
>>> .tc-dropzone-editor>.tc-reveal,.tc-tiddler-preview, 
>>> .tc-edit-tags~.tc-reveal{
>>> display:flex;
>>> flex-direction:column-reverse;
>>> }
>>>
>>> .tc-tiddler-preview>p {
>>> display:contents;
>>> }
>>>
>>> .tc-tiddler-preview>*,.tc-tiddler-preview>p>*{
>>> margin:0!important;
>>> width:100%!important;
>>> }
>>>
>>> /*optional : prevent scroll bar in the text editor*/
>>> .tc-edit-texteditor {
>>> object-fit: contain;
>>> overflow-y:hidden;
>>> }
>>>
>>> Le mardi 14 décembre 2021 à 14:36:32 UTC+1, justin.hu...@gmail.com a 
>>> écrit :
>>>
 perfect! thank you :D

 On Sunday, December 12, 2021 at 4:48:23 PM UTC-5 Télumire wrote:

> You can use this style : 
>
> .tc-tiddler-preview{
> display:flex;
> flex-direction:column-reverse;
> }
>
> .tc-tiddler-preview>*
> {
> margin:0!important;
> width:100%!important;
> }
>
> In a tiddler with the tag $:/tags/Stylesheet.
> Enjoy ! :)
> Le samedi 11 décembre 2021 à 11:31:04 UTC+1, justin.hu...@gmail.com a 
> écrit :
>
>> I'm currently using the very basic version of JD's Mobile plugin, as 
>> I aim to use my TW from my phone, but I'm not sure what I need to do in 
>> order to achieve what I've mocked up below.
>>
>> I'd like to just figure out  a way to make a separate stylesheet to 
>> apply these changes without having to make any changes to JD's plugin if 
>> possible.
>>
>> any help with this would be greatly appreciated!
>>
>> [image: Before.PNG][image: After.PNG]
>>
>

-- 
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/b4d6539c-fe64-4d5c-8746-6186092de4e5n%40googlegroups.com.

[tw5] Re: Need a little assistance with adjusting how tiddlers are laid out

2022-01-07 Thread Télumire 
Try this : 

/* Hide scrollbar for Chrome, Safari and Opera */
.tc-edit-texteditor::-webkit-scrollbar {
display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.tc-edit-texteditor {
max-height: 200px; (if not set there is no overflow)
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
}


On Friday, 7 January 2022 at 10:53:23 UTC+1 justin.hu...@gmail.com wrote:

> is there a method of applying css to the .tc-edit-texteditor? I've tried a 
> few different ways to do that, but I can't seem to get anything to work, 
> only with the other scrollbars.
>
> having the scrollbars hidden does look nice, but doesn't allow me to 
> scroll with the mousewheel unfortunately.
>
> On Friday, January 7, 2022 at 4:20:16 AM UTC-5 Justin H. wrote:
>
>> Thank you for this! I was actually playing around with it to figure out 
>> how to do just this
>>
>> On Wednesday, December 15, 2021 at 12:25:11 PM UTC-5 Télumire wrote:
>>
>>> I noticed that when the preview is closed, the toolbar come back to the 
>>> top. This is because Tiddlywiki use two containers, one for the editor 
>>> without the preview, and the second to display the editor with the preview.
>>>
>>> If you want the layout to stay the same with and without preview, use 
>>> this :
>>>
>>> .tc-dropzone-editor>.tc-reveal,.tc-tiddler-preview{
>>> display:flex;
>>> flex-direction:column-reverse;
>>> }
>>>
>>> .tc-tiddler-preview>*
>>> {
>>> margin:0!important;
>>> width:auto!important;
>>> }
>>>
>>> /*optional : prevent scroll bar in the text editor*/
>>> .tc-edit-texteditor {
>>> object-fit: contain;
>>> overflow-y:hidden;
>>> }
>>>
>>>
>>> And if you want to support the code mirror addon too, use this :
>>>
>>> .tc-dropzone-editor>.tc-reveal,.tc-tiddler-preview, 
>>> .tc-edit-tags~.tc-reveal{
>>> display:flex;
>>> flex-direction:column-reverse;
>>> }
>>>
>>> .tc-tiddler-preview>p {
>>> display:contents;
>>> }
>>>
>>> .tc-tiddler-preview>*,.tc-tiddler-preview>p>*{
>>> margin:0!important;
>>> width:100%!important;
>>> }
>>>
>>> /*optional : prevent scroll bar in the text editor*/
>>> .tc-edit-texteditor {
>>> object-fit: contain;
>>> overflow-y:hidden;
>>> }
>>>
>>> Le mardi 14 décembre 2021 à 14:36:32 UTC+1, justin.hu...@gmail.com a 
>>> écrit :
>>>
 perfect! thank you :D

 On Sunday, December 12, 2021 at 4:48:23 PM UTC-5 Télumire wrote:

> You can use this style : 
>
> .tc-tiddler-preview{
> display:flex;
> flex-direction:column-reverse;
> }
>
> .tc-tiddler-preview>*
> {
> margin:0!important;
> width:100%!important;
> }
>
> In a tiddler with the tag $:/tags/Stylesheet.
> Enjoy ! :)
> Le samedi 11 décembre 2021 à 11:31:04 UTC+1, justin.hu...@gmail.com a 
> écrit :
>
>> I'm currently using the very basic version of JD's Mobile plugin, as 
>> I aim to use my TW from my phone, but I'm not sure what I need to do in 
>> order to achieve what I've mocked up below.
>>
>> I'd like to just figure out  a way to make a separate stylesheet to 
>> apply these changes without having to make any changes to JD's plugin if 
>> possible.
>>
>> any help with this would be greatly appreciated!
>>
>> [image: Before.PNG][image: After.PNG]
>>
>

-- 
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/15be1784-58c2-46fd-a9cf-0ce1cac446d3n%40googlegroups.com.

[tw5] Re: Need a little assistance with adjusting how tiddlers are laid out

2022-01-07 Thread Justin H. 
is there a method of applying css to the .tc-edit-texteditor? I've tried a 
few different ways to do that, but I can't seem to get anything to work, 
only with the other scrollbars.

having the scrollbars hidden does look nice, but doesn't allow me to scroll 
with the mousewheel unfortunately.

On Friday, January 7, 2022 at 4:20:16 AM UTC-5 Justin H. wrote:

> Thank you for this! I was actually playing around with it to figure out 
> how to do just this
>
> On Wednesday, December 15, 2021 at 12:25:11 PM UTC-5 Télumire wrote:
>
>> I noticed that when the preview is closed, the toolbar come back to the 
>> top. This is because Tiddlywiki use two containers, one for the editor 
>> without the preview, and the second to display the editor with the preview.
>>
>> If you want the layout to stay the same with and without preview, use 
>> this :
>>
>> .tc-dropzone-editor>.tc-reveal,.tc-tiddler-preview{
>> display:flex;
>> flex-direction:column-reverse;
>> }
>>
>> .tc-tiddler-preview>*
>> {
>> margin:0!important;
>> width:auto!important;
>> }
>>
>> /*optional : prevent scroll bar in the text editor*/
>> .tc-edit-texteditor {
>> object-fit: contain;
>> overflow-y:hidden;
>> }
>>
>>
>> And if you want to support the code mirror addon too, use this :
>>
>> .tc-dropzone-editor>.tc-reveal,.tc-tiddler-preview, 
>> .tc-edit-tags~.tc-reveal{
>> display:flex;
>> flex-direction:column-reverse;
>> }
>>
>> .tc-tiddler-preview>p {
>> display:contents;
>> }
>>
>> .tc-tiddler-preview>*,.tc-tiddler-preview>p>*{
>> margin:0!important;
>> width:100%!important;
>> }
>>
>> /*optional : prevent scroll bar in the text editor*/
>> .tc-edit-texteditor {
>> object-fit: contain;
>> overflow-y:hidden;
>> }
>>
>> Le mardi 14 décembre 2021 à 14:36:32 UTC+1, justin.hu...@gmail.com a 
>> écrit :
>>
>>> perfect! thank you :D
>>>
>>> On Sunday, December 12, 2021 at 4:48:23 PM UTC-5 Télumire wrote:
>>>
 You can use this style : 

 .tc-tiddler-preview{
 display:flex;
 flex-direction:column-reverse;
 }

 .tc-tiddler-preview>*
 {
 margin:0!important;
 width:100%!important;
 }

 In a tiddler with the tag $:/tags/Stylesheet.
 Enjoy ! :)
 Le samedi 11 décembre 2021 à 11:31:04 UTC+1, justin.hu...@gmail.com a 
 écrit :

> I'm currently using the very basic version of JD's Mobile plugin, as I 
> aim to use my TW from my phone, but I'm not sure what I need to do in 
> order 
> to achieve what I've mocked up below.
>
> I'd like to just figure out  a way to make a separate stylesheet to 
> apply these changes without having to make any changes to JD's plugin if 
> possible.
>
> any help with this would be greatly appreciated!
>
> [image: Before.PNG][image: After.PNG]
>


-- 
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/6f8a3cda-ee26-48c7-9521-42ff92275dd1n%40googlegroups.com.

[tw5] Re: Need a little assistance with adjusting how tiddlers are laid out

2022-01-07 Thread Justin H. 
Thank you for this! I was actually playing around with it to figure out how 
to do just this

On Wednesday, December 15, 2021 at 12:25:11 PM UTC-5 Télumire wrote:

> I noticed that when the preview is closed, the toolbar come back to the 
> top. This is because Tiddlywiki use two containers, one for the editor 
> without the preview, and the second to display the editor with the preview.
>
> If you want the layout to stay the same with and without preview, use this 
> :
>
> .tc-dropzone-editor>.tc-reveal,.tc-tiddler-preview{
> display:flex;
> flex-direction:column-reverse;
> }
>
> .tc-tiddler-preview>*
> {
> margin:0!important;
> width:auto!important;
> }
>
> /*optional : prevent scroll bar in the text editor*/
> .tc-edit-texteditor {
> object-fit: contain;
> overflow-y:hidden;
> }
>
>
> And if you want to support the code mirror addon too, use this :
>
> .tc-dropzone-editor>.tc-reveal,.tc-tiddler-preview, 
> .tc-edit-tags~.tc-reveal{
> display:flex;
> flex-direction:column-reverse;
> }
>
> .tc-tiddler-preview>p {
> display:contents;
> }
>
> .tc-tiddler-preview>*,.tc-tiddler-preview>p>*{
> margin:0!important;
> width:100%!important;
> }
>
> /*optional : prevent scroll bar in the text editor*/
> .tc-edit-texteditor {
> object-fit: contain;
> overflow-y:hidden;
> }
>
> Le mardi 14 décembre 2021 à 14:36:32 UTC+1, justin.hu...@gmail.com a 
> écrit :
>
>> perfect! thank you :D
>>
>> On Sunday, December 12, 2021 at 4:48:23 PM UTC-5 Télumire wrote:
>>
>>> You can use this style : 
>>>
>>> .tc-tiddler-preview{
>>> display:flex;
>>> flex-direction:column-reverse;
>>> }
>>>
>>> .tc-tiddler-preview>*
>>> {
>>> margin:0!important;
>>> width:100%!important;
>>> }
>>>
>>> In a tiddler with the tag $:/tags/Stylesheet.
>>> Enjoy ! :)
>>> Le samedi 11 décembre 2021 à 11:31:04 UTC+1, justin.hu...@gmail.com a 
>>> écrit :
>>>
 I'm currently using the very basic version of JD's Mobile plugin, as I 
 aim to use my TW from my phone, but I'm not sure what I need to do in 
 order 
 to achieve what I've mocked up below.

 I'd like to just figure out  a way to make a separate stylesheet to 
 apply these changes without having to make any changes to JD's plugin if 
 possible.

 any help with this would be greatly appreciated!

 [image: Before.PNG][image: After.PNG]

>>>

-- 
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/fdca0615-2c11-4dd6-98d7-63fd6d0806a8n%40googlegroups.com.