[tw5] Re: CSS question

[David Gifford]

Here is the final version, with some distinct colors thrown in, too. 
https://giffmex.org/experiments/apoc.ot.html

On Sunday, January 3, 2021 at 5:20:36 PM UTC-6 David Gifford wrote:

>
> Hi everyone
>
> I got everything else the way I want it in this experiment, but I can't 
> figure out why the details summary text in this file 
> https://giffmex.org/experiments/details.test.html looks right (larger 
> than regular bold text) but outputs to static html smaller. Smaller, even, 
> than the regular bold text. See 
> https://giffmex.org/experiments/apoc.ot.html 
>
> The stylesheets I have for the fonts are 
>
> $:/.giffmex/.Stylesheet/Details
> $:/.giffmex/.Stylesheet/FontBasic 
>
> I appreciate any help. Last step before world domination!
>
>

-- 
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/903c39fa-276b-4b4f-8f35-1f77841ad8f8n%40googlegroups.com.

Re: [tw5] Re: CSS question

[David Gifford]

Thanks Coda coder! With your help I was able to see what to do. Blessings.




On Sun, Jan 3, 2021 at 6:10 PM coda coder 
wrote:

> Let me say that again... but better ;)
>
> H2 - You have different font-size settings on each H2 inheriting from P on
> the one page, DIV on the other. 13pt/15px.
>
> On Sunday, January 3, 2021 at 6:08:50 PM UTC-6 coda coder wrote:
>
>> Hi Dave,
>>
>> H2 - You have a different font-size setting on each inheriting from P in
>> the on page, DIV in the other. 13pt/15px.
>>
>> Similar (but different) is happening with the summary elements.
>>
>> BTW, sizing unit "pt" is used (typically) for print media - does that
>> provide any clues?
>>
>> On Sunday, January 3, 2021 at 5:54:21 PM UTC-6 David Gifford wrote:
>>
>>> Hi Mark
>>>
>>> Even in your screenshots, you can tell the regular and bolded text is
>>> exactly the same, but the header and slider summary texts are smaller. That
>>> is what I am talking about.
>>>
>>> I can live with the change in the black header text, but I would like
>>> the slider summary texts to be larger, and it won't budge.
>>>
>>>
>>> On Sun, Jan 3, 2021 at 5:35 PM 'Mark S.' via TiddlyWiki <
>>> tiddl...@googlegroups.com> wrote:
>>>
 Maybe I don't understand what you want compared, but they look the same
 to me. Is it possible you have a different zoom setting on the two pages?

 [image: apocrypho-comparison-for-dave.png]

 On Sunday, January 3, 2021 at 3:20:36 PM UTC-8 David Gifford wrote:

>
> Hi everyone
>
> I got everything else the way I want it in this experiment, but I
> can't figure out why the details summary text in this file
> https://giffmex.org/experiments/details.test.html looks right (larger
> than regular bold text) but outputs to static html smaller. Smaller, even,
> than the regular bold text. See
> https://giffmex.org/experiments/apoc.ot.html
>
> The stylesheets I have for the fonts are
>
> $:/.giffmex/.Stylesheet/Details
> $:/.giffmex/.Stylesheet/FontBasic
>
> I appreciate any help. Last step before world domination!
>
> --
 You received this message because you are subscribed to a topic in the
 Google Groups "TiddlyWiki" group.
 To unsubscribe from this topic, visit
 https://groups.google.com/d/topic/tiddlywiki/uPS0IjCzvcQ/unsubscribe.
 To unsubscribe from this group and all its topics, send an email to
 tiddlywiki+...@googlegroups.com.
 To view this discussion on the web visit
 https://groups.google.com/d/msgid/tiddlywiki/fb80458a-e720-4775-b56b-7392b9dd6d13n%40googlegroups.com
 
 .

>>> --
> You received this message because you are subscribed to a topic in the
> Google Groups "TiddlyWiki" group.
> To unsubscribe from this topic, visit
> https://groups.google.com/d/topic/tiddlywiki/uPS0IjCzvcQ/unsubscribe.
> To unsubscribe from this group and all its topics, send an email to
> tiddlywiki+unsubscr...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/tiddlywiki/dad27144-03dd-4f9e-b268-85b44a3957d1n%40googlegroups.com
> 
> .
>

-- 
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/CANE%3DBFL4XDDpHWKqJiPWg1Cs9RdpVuYzHHCsDS2bEShibxVUaw%40mail.gmail.com.

Re: [tw5] Re: CSS question

[coda coder]

Let me say that again... but better ;)

H2 - You have different font-size settings on each H2 inheriting from P on 
the one page, DIV on the other. 13pt/15px.  

On Sunday, January 3, 2021 at 6:08:50 PM UTC-6 coda coder wrote:

> Hi Dave,
>
> H2 - You have a different font-size setting on each inheriting from P in 
> the on page, DIV in the other. 13pt/15px.
>
> Similar (but different) is happening with the summary elements.
>
> BTW, sizing unit "pt" is used (typically) for print media - does that 
> provide any clues?
>
> On Sunday, January 3, 2021 at 5:54:21 PM UTC-6 David Gifford wrote:
>
>> Hi Mark
>>
>> Even in your screenshots, you can tell the regular and bolded text is 
>> exactly the same, but the header and slider summary texts are smaller. That 
>> is what I am talking about.
>>
>> I can live with the change in the black header text, but I would like the 
>> slider summary texts to be larger, and it won't budge.
>>
>>
>> On Sun, Jan 3, 2021 at 5:35 PM 'Mark S.' via TiddlyWiki <
>> tiddl...@googlegroups.com> wrote:
>>
>>> Maybe I don't understand what you want compared, but they look the same 
>>> to me. Is it possible you have a different zoom setting on the two pages?
>>>
>>> [image: apocrypho-comparison-for-dave.png]
>>>
>>> On Sunday, January 3, 2021 at 3:20:36 PM UTC-8 David Gifford wrote:
>>>

 Hi everyone

 I got everything else the way I want it in this experiment, but I can't 
 figure out why the details summary text in this file 
 https://giffmex.org/experiments/details.test.html looks right (larger 
 than regular bold text) but outputs to static html smaller. Smaller, even, 
 than the regular bold text. See 
 https://giffmex.org/experiments/apoc.ot.html 

 The stylesheets I have for the fonts are 

 $:/.giffmex/.Stylesheet/Details
 $:/.giffmex/.Stylesheet/FontBasic 

 I appreciate any help. Last step before world domination!

 -- 
>>> You received this message because you are subscribed to a topic in the 
>>> Google Groups "TiddlyWiki" group.
>>> To unsubscribe from this topic, visit 
>>> https://groups.google.com/d/topic/tiddlywiki/uPS0IjCzvcQ/unsubscribe.
>>> To unsubscribe from this group and all its topics, send an email to 
>>> tiddlywiki+...@googlegroups.com.
>>> To view this discussion on the web visit 
>>> https://groups.google.com/d/msgid/tiddlywiki/fb80458a-e720-4775-b56b-7392b9dd6d13n%40googlegroups.com
>>>  
>>> 
>>> .
>>>
>>

-- 
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/dad27144-03dd-4f9e-b268-85b44a3957d1n%40googlegroups.com.

Re: [tw5] Re: CSS question

[coda coder]

Hi Dave,

H2 - You have a different font-size setting on each inheriting from P in 
the on page, DIV in the other. 13pt/15px.

Similar (but different) is happening with the summary elements.

BTW, sizing unit "pt" is used (typically) for print media - does that 
provide any clues?

On Sunday, January 3, 2021 at 5:54:21 PM UTC-6 David Gifford wrote:

> Hi Mark
>
> Even in your screenshots, you can tell the regular and bolded text is 
> exactly the same, but the header and slider summary texts are smaller. That 
> is what I am talking about.
>
> I can live with the change in the black header text, but I would like the 
> slider summary texts to be larger, and it won't budge.
>
>
> On Sun, Jan 3, 2021 at 5:35 PM 'Mark S.' via TiddlyWiki <
> tiddl...@googlegroups.com> wrote:
>
>> Maybe I don't understand what you want compared, but they look the same 
>> to me. Is it possible you have a different zoom setting on the two pages?
>>
>> [image: apocrypho-comparison-for-dave.png]
>>
>> On Sunday, January 3, 2021 at 3:20:36 PM UTC-8 David Gifford wrote:
>>
>>>
>>> Hi everyone
>>>
>>> I got everything else the way I want it in this experiment, but I can't 
>>> figure out why the details summary text in this file 
>>> https://giffmex.org/experiments/details.test.html looks right (larger 
>>> than regular bold text) but outputs to static html smaller. Smaller, even, 
>>> than the regular bold text. See 
>>> https://giffmex.org/experiments/apoc.ot.html 
>>>
>>> The stylesheets I have for the fonts are 
>>>
>>> $:/.giffmex/.Stylesheet/Details
>>> $:/.giffmex/.Stylesheet/FontBasic 
>>>
>>> I appreciate any help. Last step before world domination!
>>>
>>> -- 
>> You received this message because you are subscribed to a topic in the 
>> Google Groups "TiddlyWiki" group.
>> To unsubscribe from this topic, visit 
>> https://groups.google.com/d/topic/tiddlywiki/uPS0IjCzvcQ/unsubscribe.
>> To unsubscribe from this group and all its topics, send an email to 
>> tiddlywiki+...@googlegroups.com.
>> To view this discussion on the web visit 
>> https://groups.google.com/d/msgid/tiddlywiki/fb80458a-e720-4775-b56b-7392b9dd6d13n%40googlegroups.com
>>  
>> 
>> .
>>
>

-- 
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/7e740973-d33d-404c-ba2d-e5fdea082ed2n%40googlegroups.com.

[tw5] Re: CSS question regarding the html tag

[Eric Shulman]

On Monday, November 4, 2019 at 4:26:58 AM UTC-8, Hubert wrote:
>
> Thank you! It works. However, when I tried to reference one of the 
> built-in icons, it didn't:
> {background: url("<>") no-repeat 
> top left;}
>

* The double-quotes don't "nest".  Omit outer set of quotes, like this: 
{background: url("<>") no-repeat 
top left;}

* Make sure the "Type" field of your stylesheet tiddler is NOT set to 
"text/css" (Static CSS), which only permits pure CSS syntax.  To use TW 
syntax within your stylesheet, use either "text/vnd.tiddlywiki" or leave 
the Type field blank.

enjoy,
-e
Eric Shulman

-- 
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/803fb11b-1533-4be1-9d15-5b1fde468217%40googlegroups.com.

Re: [tw5] Re: CSS question regarding the html tag

[Sylvain Comte]

Yes, it's always better to stick with core...

{background: url("data:image/svg+xml, <$view
tiddler="$:/core/images/chevron-right" format="urlencoded"/>") no-repeat
top left;} should work without redefining content-type,

BUT the xlmns declaration is mandatory... And is still missing :-/

cheers,

*Sylvain*
sylvain.co...@gmail.com
http://sylvain.comte.online.fr


On Mon, Nov 4, 2019 at 4:47 PM Hubert  wrote:

> Hi Sylvain,
>
> Most of the core icons have no type defined (image/svg+xml) AND lacks a
>> xmlns declaration (http://www.w3.org/2000/svg; ...)
>>
>> guess it would fix this...
>>
>
> That's right, defining the type as image/svg+xml fixes this but introduces
> other issues (like being able to drag the svg element in some browsers,
> which is not always desireable/solveable through CSS) and that is why I
> would like to keep my svgs consistent with the way it's done in the core.
>
> Thanks again for your hints.
>
> Regards,
> Hubert
>
> On Monday, 4 November 2019 15:36:28 UTC, Sycom wrote:
>>
>> Hello,
>>
>> Most of the core icons have no type defined (image/svg+xml) AND lacks a
>> xmlns declaration (http://www.w3.org/2000/svg; ...)
>>
>> guess it would fix this...
>>
>> *Sylvain*
>>
>> *@sycom*
>>
>> On Mon, Nov 4, 2019 at 1:27 PM Hubert  wrote:
>>
>>> Thank you! It works. However, when I tried to reference one of the
>>> built-in icons, it didn't:
>>>
>>> {background: url("<>") no-repeat
>>> top left;}
>>>
>>> Is there anything else that I'd need to modify? Removing the datauri
>>> part had no effect.
>>>
>>> Thanks in advance,
>>> Hubert
>>>
>>> On Wednesday, 30 October 2019 22:44:39 UTC, Magnus wrote:

 Yes you are correct, I was lazy and just copied from my stylesheet in
 view mode. In edit mode it is

 .tc-tiddler-body h1:nth-child(1) {background: url("<>>> "image/location.svg">>") no-repeat top left;}

 Sorry for the confusion

 Den onsdag 30 oktober 2019 kl. 23:37:14 UTC+1 skrev Sycom:
>
> Hello Hubert,
>
> I think Magnus is using an urlencoded version of the svg. You can have
> it with <$view tiddler="your_tiddler” format="urlencoded" />. See
> viewWidget documentation for a double check.
>
> Cheers
>
> Sylvain
> @sycom

 --
>>> You received this message because you are subscribed to a topic in the
>>> Google Groups "TiddlyWiki" group.
>>> To unsubscribe from this topic, visit
>>> https://groups.google.com/d/topic/tiddlywiki/YznqeuiZyqQ/unsubscribe.
>>> To unsubscribe from this group and all its topics, send an email to
>>> tiddl...@googlegroups.com.
>>> To view this discussion on the web visit
>>> https://groups.google.com/d/msgid/tiddlywiki/8ce30f75-5513-4121-b44c-2d490071731a%40googlegroups.com
>>> 
>>> .
>>>
>> --
> You received this message because you are subscribed to a topic in the
> Google Groups "TiddlyWiki" group.
> To unsubscribe from this topic, visit
> https://groups.google.com/d/topic/tiddlywiki/YznqeuiZyqQ/unsubscribe.
> To unsubscribe from this group and all its topics, send an email to
> tiddlywiki+unsubscr...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/tiddlywiki/438cd223-ff77-47c4-9a3d-d067a9065faf%40googlegroups.com
> 
> .
>

-- 
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/CAOWAUqF5Qhjx7S-SXnEDJuixSB4ESV5z7Afv5PFTvzGd%2Be4_Aw%40mail.gmail.com.

Re: [tw5] Re: CSS question regarding the html tag

[Hubert]

Hi Sylvain,

Most of the core icons have no type defined (image/svg+xml) AND lacks a 
> xmlns declaration (http://www.w3.org/2000/svg; ...)
>
> guess it would fix this...
>

That's right, defining the type as image/svg+xml fixes this but introduces 
other issues (like being able to drag the svg element in some browsers, 
which is not always desireable/solveable through CSS) and that is why I 
would like to keep my svgs consistent with the way it's done in the core.

Thanks again for your hints.

Regards,
Hubert

On Monday, 4 November 2019 15:36:28 UTC, Sycom wrote:
>
> Hello,
>
> Most of the core icons have no type defined (image/svg+xml) AND lacks a 
> xmlns declaration (http://www.w3.org/2000/svg; ...)
>
> guess it would fix this...
>
> *Sylvain*
>
> *@sycom*
>
> On Mon, Nov 4, 2019 at 1:27 PM Hubert > 
> wrote:
>
>> Thank you! It works. However, when I tried to reference one of the 
>> built-in icons, it didn't:
>>
>> {background: url("<>") no-repeat 
>> top left;}
>>
>> Is there anything else that I'd need to modify? Removing the datauri part 
>> had no effect.
>>
>> Thanks in advance,
>> Hubert
>>
>> On Wednesday, 30 October 2019 22:44:39 UTC, Magnus wrote:
>>>
>>> Yes you are correct, I was lazy and just copied from my stylesheet in 
>>> view mode. In edit mode it is 
>>>
>>> .tc-tiddler-body h1:nth-child(1) {background: url("<>> "image/location.svg">>") no-repeat top left;}
>>>
>>> Sorry for the confusion
>>>
>>> Den onsdag 30 oktober 2019 kl. 23:37:14 UTC+1 skrev Sycom:

 Hello Hubert, 

 I think Magnus is using an urlencoded version of the svg. You can have 
 it with <$view tiddler="your_tiddler” format="urlencoded" />. See 
 viewWidget documentation for a double check. 

 Cheers 

 Sylvain 
 @sycom
>>>
>>> -- 
>> You received this message because you are subscribed to a topic in the 
>> Google Groups "TiddlyWiki" group.
>> To unsubscribe from this topic, visit 
>> https://groups.google.com/d/topic/tiddlywiki/YznqeuiZyqQ/unsubscribe.
>> To unsubscribe from this group and all its topics, send an email to 
>> tiddl...@googlegroups.com .
>> To view this discussion on the web visit 
>> https://groups.google.com/d/msgid/tiddlywiki/8ce30f75-5513-4121-b44c-2d490071731a%40googlegroups.com
>>  
>> 
>> .
>>
>

-- 
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/438cd223-ff77-47c4-9a3d-d067a9065faf%40googlegroups.com.

Re: [tw5] Re: CSS question regarding the html tag

[Sylvain Comte]

Hello,

Most of the core icons have no type defined (image/svg+xml) AND lacks a
xmlns declaration (http://www.w3.org/2000/svg; ...)

guess it would fix this...

*Sylvain*

*@sycom*

On Mon, Nov 4, 2019 at 1:27 PM Hubert  wrote:

> Thank you! It works. However, when I tried to reference one of the
> built-in icons, it didn't:
>
> {background: url("<>") no-repeat
> top left;}
>
> Is there anything else that I'd need to modify? Removing the datauri part
> had no effect.
>
> Thanks in advance,
> Hubert
>
> On Wednesday, 30 October 2019 22:44:39 UTC, Magnus wrote:
>>
>> Yes you are correct, I was lazy and just copied from my stylesheet in
>> view mode. In edit mode it is
>>
>> .tc-tiddler-body h1:nth-child(1) {background: url("<> "image/location.svg">>") no-repeat top left;}
>>
>> Sorry for the confusion
>>
>> Den onsdag 30 oktober 2019 kl. 23:37:14 UTC+1 skrev Sycom:
>>>
>>> Hello Hubert,
>>>
>>> I think Magnus is using an urlencoded version of the svg. You can have
>>> it with <$view tiddler="your_tiddler” format="urlencoded" />. See
>>> viewWidget documentation for a double check.
>>>
>>> Cheers
>>>
>>> Sylvain
>>> @sycom
>>
>> --
> You received this message because you are subscribed to a topic in the
> Google Groups "TiddlyWiki" group.
> To unsubscribe from this topic, visit
> https://groups.google.com/d/topic/tiddlywiki/YznqeuiZyqQ/unsubscribe.
> To unsubscribe from this group and all its topics, send an email to
> tiddlywiki+unsubscr...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/tiddlywiki/8ce30f75-5513-4121-b44c-2d490071731a%40googlegroups.com
> 
> .
>

-- 
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/CAOWAUqEeoyNfKH%3DA_vwMMJcwB1k-j9_YyADXfoti0AS1KyUxsQ%40mail.gmail.com.

[tw5] Re: CSS question regarding the html tag

[Hubert]

Thank you! It works. However, when I tried to reference one of the built-in 
icons, it didn't:

{background: url("<>") no-repeat 
top left;}

Is there anything else that I'd need to modify? Removing the datauri part 
had no effect.

Thanks in advance,
Hubert

On Wednesday, 30 October 2019 22:44:39 UTC, Magnus wrote:
>
> Yes you are correct, I was lazy and just copied from my stylesheet in view 
> mode. In edit mode it is 
>
> .tc-tiddler-body h1:nth-child(1) {background: url("< "image/location.svg">>") no-repeat top left;}
>
> Sorry for the confusion
>
> Den onsdag 30 oktober 2019 kl. 23:37:14 UTC+1 skrev Sycom:
>>
>> Hello Hubert, 
>>
>> I think Magnus is using an urlencoded version of the svg. You can have it 
>> with <$view tiddler="your_tiddler” format="urlencoded" />. See viewWidget 
>> documentation for a double check. 
>>
>> Cheers 
>>
>> Sylvain 
>> @sycom
>
>

-- 
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/8ce30f75-5513-4121-b44c-2d490071731a%40googlegroups.com.

[tw5] Re: CSS question regarding the html tag

[Magnus]

Yes you are correct, I was lazy and just copied from my stylesheet in view 
mode. In edit mode it is 

.tc-tiddler-body h1:nth-child(1) {background: url("<>") no-repeat top left;}

Den onsdag 30 oktober 2019 kl. 23:37:14 UTC+1 skrev Sycom:
>
> Hello Hubert, 
>
> I think Magnus is using an urlencoded version of the svg. You can have it 
> with <$view tiddler="your_tiddler” format="urlencoded" />. See viewWidget 
> documentation for a double check. 
>
> Cheers 
>
> Sylvain 
> @sycom

-- 
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/6cb65a72-a8d1-4d02-b9df-4a09d6b9bc46%40googlegroups.com.

[tw5] Re: CSS question regarding the html tag

[Sycom]

Hello Hubert,

I think Magnus is using an urlencoded version of the svg. You can have it with 
<$view tiddler="your_tiddler” format="urlencoded" />. See viewWidget 
documentation for a double check.

Cheers

Sylvain
@sycom

-- 
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/7b02052d-4de5-4d49-bd93-8590999f20ff%40googlegroups.com.

[tw5] Re: CSS question regarding the html tag

[Hubert]

Hi Magnus,

Thank you. Can you share a bit more about what "%3Csvg%20xm.." refers to?

Many thanks,
Hubert

-- 
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/20ddf0da-5d84-4a5b-8ffa-36b950f41f34%40googlegroups.com.

[tw5] Re: CSS question regarding the html tag

[Magnus]

Maybe try background: url("data:image/svg+xml,%3Csvg%20xm.. that works 
for me

Den torsdag 24 oktober 2019 kl. 15:55:23 UTC+2 skrev Hubert:
>
> Hello,
>
> I'm using the below customised  html tag and would like to 
> replace the unicode symbols (highlighted) with a SVG graphic that I've 
> imported into my TiddlyWiki. I've pasted the code below in its entirety as 
> I think it could be easier to test.
>
> I've tried url("<>") no-repeat; but it doesn't 
> seem to work with "content".
>
> I would appreciate your hints.
>
> details[open] summary ~ * {
> position: relative;
> }
>
> summary {
> display: block;
> cursor: pointer;
> outline: none;
> }
>
> summary::-webkit-details-marker {
> display: none;
> cursor: pointer;
> }
>
> summary::before {
> content: '\25B6';
> font-family: monospace;
> font-size: 100%;
> padding-right: 3px;
> vertical-align: bottom;
> }
>
> details[open] > summary::before {
> content: '\25BC';
> font-family: monospace;
> font-size: 125%;
> color: red;
> padding-right: 4.5px;
> vertical-align: bottom;
> }
>
> Regards,
> Hubert
>
>

-- 
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/5316b879-50ec-47e1-b5c2-f39ef676737a%40googlegroups.com.

[tw5] Re: CSS question

[Hubert]

OK, now I understand, thanks for taking your time to help, Jed. Much 
appreciated!

On a side note, it would be great if the zoomin storyview rendered all CSS 
parameters (like position) as expected out of the box.

Thanks again,
Hubert

On Tuesday, 11 December 2018 13:07:14 UTC, Jed Carty wrote:
>
> I don't know your situation, but these are the generic steps on 
> tiddlywiki.com that will show you what to do there, you will have to 
> modify them to your situation.
>
> Make a tiddler with this in the text field:
>
> 
> Bloop
> 
>
> give that tiddler the tag $:/tags/PageTemplate
>
> it should now be floating above everything else at the top of the screen, 
> regardless of what other tiddlers are open or what story view you are using.
>
> Change the contents of that tiddler to change whatever you want to 
> actually be displayed, add or remove the tag to make it visible or not.
>

-- 
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 post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/6da6d137-6891-4430-afc7-115c31697b76%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: CSS question

[Jed Carty]

I don't know your situation, but these are the generic steps on 
tiddlywiki.com that will show you what to do there, you will have to modify 
them to your situation.

Make a tiddler with this in the text field:


Bloop


give that tiddler the tag $:/tags/PageTemplate

it should now be floating above everything else at the top of the screen, 
regardless of what other tiddlers are open or what story view you are using.

Change the contents of that tiddler to change whatever you want to actually 
be displayed, add or remove the tag to make it visible or not.

-- 
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 post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/adc9b672-8b47-4fd9-b18b-3cb27b69657b%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: CSS question

[Hubert]

>
> To make it visible add the tag $:/tags/PageTemplate and it will appear the 
> way you want it to. Adding or removing that tag will toggle its visibility.
>

I'm not quite sure I understand. When I tag a tiddler (be it the one with 
the div or my CSS styles tiddler) all I get is a transclusion of those 
tiddlers' content (text) on top of what would normally be rendered through 
TiddlyWiki's built-in CSS classes called html body.tc-body. The div doesn't 
stick any other way after adding this tag the way I did.

Thanks,
Hubert

On Tuesday, 11 December 2018 12:48:51 UTC, Jed Carty wrote:
>
> Using it in the zoomin story view is a very important piece of information 
> here.
>
> To make it visible add the tag $:/tags/PageTemplate and it will appear the 
> way you want it to. Adding or removing that tag will toggle its visibility.
>

-- 
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 post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/b15573f8-08a2-4014-adfb-53578e671f48%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: CSS question

[Jed Carty]

Using it in the zoomin story view is a very important piece of information 
here.

To make it visible add the tag $:/tags/PageTemplate and it will appear the 
way you want it to. Adding or removing that tag will toggle its visibility.

-- 
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 post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/b9fe18f7-24c0-410e-9522-c153c7d3f879%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: CSS question

[Hubert]

Thanks Jed.

I can see that this style works for me as well on TiddlyWiki.com but it 
stopped working when I changed the storyview from 'classic' to 'zoomin' (I 
use the latter in my personal TW), so this seems to be the issue.

I should mention that removing the transition property and adding the depth 
(z-index) value of 999 had no effect.

It seems to me that patching the 'zoomin' storyview-related tiddler(s) 
could enable this functionality, unless there's something less 
'destructive' to be tried first, which I'm not aware of.

Thanks,
Hubert

On Tuesday, 11 December 2018 12:34:16 UTC, Jed Carty wrote:
>
> That is odd.
>
> I went onto tiddlywiki.com, created a new tiddler and put this in the 
> text field:
>
>
> 
> Bloop
> 
>
> and the div was floating at the top of the view port as expected. So the 
> concept should work and the error would be something else.
>
> I suspect that the problem may be from z-sorting. The div will be hidden 
> behind some other tiddlers, I am not sure how the z order is set. Try 
> adding z-index:999; to the style and see if the problem remains.
>
> If that doesn't fix it then it may be from whatever the 
> transition-duration is controlling, I have had lots of trouble with css 
> transitions working inconsistently.
>

-- 
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 post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/0276059c-3f13-4d7d-bdd9-0f84a67eecb8%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: CSS question

[Jed Carty]

That is odd.

I went onto tiddlywiki.com, created a new tiddler and put this in the text 
field:



Bloop


and the div was floating at the top of the view port as expected. So the 
concept should work and the error would be something else.

I suspect that the problem may be from z-sorting. The div will be hidden 
behind some other tiddlers, I am not sure how the z order is set. Try 
adding z-index:999; to the style and see if the problem remains.

If that doesn't fix it then it may be from whatever the transition-duration 
is controlling, I have had lots of trouble with css transitions working 
inconsistently.

-- 
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 post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/047a1df2-0c3c-49c8-b372-183966dbe561%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: CSS question

[Hubert]

Thanks for the heads up, Jed. Typo fixed, but the issue remains.

On Tuesday, 11 December 2018 12:23:57 UTC, Jed Carty wrote:
>
> It looks like a typo. You missed a semicolon (;) after position: fixed;
>
> When I added that the style worked on tiddlywiki.com
>

-- 
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 post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/854e9781-b09e-4cec-92ea-99675e92d3f9%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: CSS question

[Jed Carty]

It looks like a typo. You missed a semicolon (;) after position: fixed;

When I added that the style worked on tiddlywiki.com

-- 
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 post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/e9be5bac-9c09-44c6-a0ae-117ee9af5519%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.