Here is a different method using CSS counters. I haven't exhaustively
tested it but seems to work across browsers ...
ol {counter-reset: item;}
ol li {display: block;}
ol li:before {content: counter(item) ". "; counter-increment: item;
font-weight: bold;}
Notice under counter(item) ". " yyou can add literal stops and spacing if
you need.
TT
Surya wrote:
>
> Yeah :-)))
> I found out another solution, which works also on Android.
> Writing in the stylesheet
> padding-left: 10px;
> then there is a space between markers and the list items. With that it is
> much better readable on Android now (though the bold solutions would be
> much nicer & better, but in this way now it is okay too).
>
> Surya
>
>
>
> On Wednesday, October 23, 2019 at 10:52:13 AM UTC+2, @TiddlyTweeter wrote:
>>
>> I updated my last post to make clearer it looks like there is NO Android
>> browser that supports this method ...
>>
>> On Wednesday, 23 October 2019 10:29:53 UTC+2, @TiddlyTweeter wrote:
>>>
>>> It is an elegant solution ... BUT its currently only, I think, supported
>>> in recent Firefox & Safari browsers on desktop.
>>>
>>> That may be the issue you are encountering on Android??
>>>
>>>
>>>> The solution is:
>>>> Write in a stylesheet
>>>> li::marker {
>>>> font-weight: bold;
>>>> }
>>>>
>>>
>>> Support notes: https://caniuse.com/#feat=css-marker-pseudo
>>>
>>> TT
>>>
>>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/9703d90a-110f-4e96-9ff8-e13b786b7901%40googlegroups.com.
