[tw5] Re: Section Names using ID for internal Links

[Justin H.]

For others who might find this thread, and wish to read the documentation 
on anchor links, the official tiddler can be found here: *Anchor Links 
using HTML* 

On Tuesday, December 10, 2019 at 11:29:04 AM UTC-5 Mark S. wrote:

> 404 Error.
>
>
> On Sunday, April 7, 2019 at 7:08:27 AM UTC-7, S. S. wrote:
>>
>>
>> With sincere apologies to Watt who took a lot of time and thought to 
>> rewrite the  Documentation tiddler, I just could not get around to 
>> including his suggestions, and this led to a few weeks delay. Unfortunately 
>> I submitted the original version 
>>  for inclusion in 
>> the upcoming 5.1.20 release as I could not muster up the concentration to 
>> rewrite it again. 
>>
>> The final submission can be previewed here:  Anchor Links using HTML 
>> 
>>
>>
>>
>> On Tuesday, March 12, 2019 at 1:44:01 AM UTC+7, Watt wrote:
>>>
>>> Hi S. S.
>>>
>>> I looked at your docs and was convinced I could make them shorter. Now 
>>> after several hours I realise how bleedin difficult it is to write concise, 
>>> comprehensible docs. I salute your achievement!
>>>
>>> I've attached my attempt but it's not much of an improvement as regards 
>>> brevity or comprehensibilitytion. I've also messed around with all your 
>>> headings so, not only is it nearly the same length, it will also cost you 
>>> some time re-doing the anchor links. I won't be offended if you decline the 
>>> 'assistance'.
>>>
>>> Thanks for the anchor link addition to TW anyway, it's a useful feature. 
>>> Rgds.
>>>   
>>>
>>> On Monday, 11 March 2019 06:24:59 UTC, S. S. wrote:


 I believe the Documentation for this 🐛 (bug) transformed into a 
 *feature* is just about ready.

 But that is not for me alone to decide - it's for all here who read the 
 docs to see if it's explained clearly and properly.

 Any comments/additions/corrections/criticisms would be appreciated, 
 specially suggestions for making it shorter (something I have trouble 
 achieving).

 The tiddler has been renamed to: Anchor Links using HTML 
 

 Regards.



-- 
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/5c6cb13a-81c1-4921-a6c4-673b62f8aaa2n%40googlegroups.com.

Re: [tw5] Re: Persistant memo textbox

[Justin H.]

Question for you @Eric Shulman

When I make the tiddler containing everything for the memo textbox a 
sidebar tab, the texteditor only goes about half the width of the sidebar.

is there a way I could set it to be wider, possibly linking it to the 
sidebar-width using calc()? 

On Wednesday, June 8, 2022 at 9:28:35 PM UTC-4 Eric Shulman wrote:

> One more addition.  Put the following at the start of the 
> "TiddlerNotesTemplate" definition:
> ```
> <$list filter="[is[tiddler]]">
> ```
> This bypasses displaying the TiddlerNotesTemplate for shadow tiddlers 
> (e.g., `$:/AdvancedSearch`), so you can't add notes that will automatically 
> convert a shadow tiddler into a "real" tiddler which will prevent it from 
> being upgraded when a new TWCore is released.
>
> -e
>

-- 
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/5393bd7a-c0a5-4270-b31a-98e8bc7223a3n%40googlegroups.com.

[tw5] Re: Method of using "nth-child(even)" with ""?

[Justin H.]

That works! 

I can generally grasp how this works, though I'm not familiar with 
<__txt__>splitregexp[\n]]

the only time I've seen \n is to create a new line in python, is it doing 
the same here?



On Sunday, February 20, 2022 at 8:15:49 PM UTC-5 Eric Shulman wrote:

> If the content of your `` is stored in a separate tiddler or field, 
> you can force the creation of child `` elements, so that 
> `nth-child(even)` can be applied successfully.
>
> Give this a try:
> ```
> \define nthchild(txt,bg:"lightgray")
> \whitespace trim
>  .myClass div:nth-child(even) { background:$bg$; } 
> 
><$list filter="[<__txt__>splitregexp[\n]]" variable="line">
><$text text=<>/>
>
> 
> \end
>
> <$macrocall $name="nthchild" txt={{test}} bg="powderblue"/>
> ```
>
> where the text content is stored in a tiddler named "test".
>
> -e
> On Sunday, February 20, 2022 at 4:46:32 PM UTC-8 justin.hu...@gmail.com 
> wrote:
>
>> Ah, well- that's a bummer haha
>>
>> Thank you!
>> On Sunday, February 20, 2022 at 7:30:21 PM UTC-5 Eric Shulman wrote:
>>
>>> Although HTML `` elements can display multiple lines of text, each 
>>> line is not a separate child element.
>>> Thus, a CSS rule such as `nth-child(even)` doesn't have any effect 
>>> within the `` element.
>>>
>>> -e
>>> On Sunday, February 20, 2022 at 4:13:04 PM UTC-8 justin.hu...@gmail.com 
>>> wrote:
>>>
 Hello all, title says it all.

 When trying to apply nth-child(even) to use a background color for each 
 line when using  in my tiddlers, it doesn't seem to work, and I'm not 
 entirely sure whats causing this.

 Any suggestions?

>>>

-- 
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/85cd7147-76e2-4e27-bab4-e91d443221f5n%40googlegroups.com.

[tw5] Re: Method of using "nth-child(even)" with ""?

[Justin H.]

Ah, well- that's a bummer haha

Thank you!
On Sunday, February 20, 2022 at 7:30:21 PM UTC-5 Eric Shulman wrote:

> Although HTML `` elements can display multiple lines of text, each 
> line is not a separate child element.
> Thus, a CSS rule such as `nth-child(even)` doesn't have any effect within 
> the `` element.
>
> -e
> On Sunday, February 20, 2022 at 4:13:04 PM UTC-8 justin.hu...@gmail.com 
> wrote:
>
>> Hello all, title says it all.
>>
>> When trying to apply nth-child(even) to use a background color for each 
>> line when using  in my tiddlers, it doesn't seem to work, and I'm not 
>> entirely sure whats causing this.
>>
>> Any suggestions?
>>
>

-- 
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/3d884848-fa95-4d18-97b2-8d2b50f59fb1n%40googlegroups.com.

[tw5] Method of using "nth-child(even)" with ""?

[Justin H.]

Hello all, title says it all.

When trying to apply nth-child(even) to use a background color for each 
line when using  in my tiddlers, it doesn't seem to work, and I'm not 
entirely sure whats causing this.

Any suggestions?

-- 
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/d97515c9-a8a8-4704-b19b-4a2dd6b9a586n%40googlegroups.com.

[tw5] Sort by specific color?

[Justin H.]

Hello all,

So, I sort my tags based on what color they are, but I was wondering if 
there was a way to filter by the specific color, 

IE " <$list filter="[tags[]!is[system]sort[title]!sort[icon]!sort[color]]"> 
" in $:/TagManager

It defaults to RGB highest values, so "255 100 50" would be above "200 100 
50"

If I wanted it to sort by BRG (or CMY) and then lastly no color (K), would 
that be possible to do? 

-- 
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/59b290b1-7f24-4c58-9a81-f86f10c7218fn%40googlegroups.com.

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

[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 
> <https://groups.google.com/g/tiddlywiki/c/7kn96o8seZY/m/7YfIS_-fBwAJ?pli=1>) 
> 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;
>>>>

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

[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

[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

[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

[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.

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

[Justin H.]

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/340e098d-fa30-4940-b3f9-befb5de0e4dbn%40googlegroups.com.

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

[Justin H.]

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/cff5c51d-3788-4486-849c-144cca8413b6n%40googlegroups.com.

[tw5] Re: Question about styling tags

[Justin H.]

Hi, Soren! (I was just reading your book, in hopes of figuring this out 
haha) 

I tried using  svg.tc-image-close-button {fill: <>;}  Like 
you suggested, however it only changed the X to match the overall font, 
while I'm aiming to have it match the font color used for the font inside 
the tagpills, but I'm not sure what causes the tagpills to change from 
white font color to black font color and vice versa when selecting a color 
for the tag.

As far as the CSS border part i was curious about, I was planning to use 
the rgba() function in css to apply the opacity effect, but I don't know 
where the CSS that's used for the tagpill is stored at.

-- 
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/a2b1c0eb-0e01-434e-87af-374d5c1ef090n%40googlegroups.com.

[tw5] Re: Question about styling tags

[Justin H.]

Whoops, meant to put "and while *not *incredibly hard to click"

On Saturday, September 25, 2021 at 10:00:53 AM UTC-4 Justin H. wrote:

> So, just a few questions, first one being is, how could I change the x for 
> removing a tag to match the font color of the text inside the tag? 
>
> Using a white tag makes it more or less invisible, and while incredibly 
> hard to click, does look a bit odd.
>
> Also, would it be possible to add a border around the tags with the same 
> color as the tag itself, but with say, 50% opacity, so the background would 
> make the border darker or lighter to prevent the tag from blending in with 
> the tiddler background?
>
> If so, what exactly would I have to add to my own stylesheet to tinker 
> with this? I'm still learning the more complex parts of tw5, so any help is 
> greatly appreciated!
>

-- 
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/d9257f36-e3c0-4079-84d2-2942170d376en%40googlegroups.com.

[tw5] Question about styling tags

[Justin H.]

So, just a few questions, first one being is, how could I change the x for 
removing a tag to match the font color of the text inside the tag? 

Using a white tag makes it more or less invisible, and while incredibly 
hard to click, does look a bit odd.

Also, would it be possible to add a border around the tags with the same 
color as the tag itself, but with say, 50% opacity, so the background would 
make the border darker or lighter to prevent the tag from blending in with 
the tiddler background?

If so, what exactly would I have to add to my own stylesheet to tinker with 
this? I'm still learning the more complex parts of tw5, so any help is 
greatly appreciated!

-- 
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/14f0d154-c063-491f-8cf4-ef42b81e60c6n%40googlegroups.com.