Maybe try with an empty prerelease? There's a lot of CSS floating around in
the tiddlywiki prerelease editions.
I tweaked your CSS and on an empty prerelease this just draws lines across
the last 4 bullets (but you won't like it ;-) ).
I see that the CSS depends on the z-order to hide the color block between
bullets.
I don't see anything in the CSS that should create a transition effect,
except the time it takes to apply
the z-order . The fact that it goes almost faster than you can see suggests
that FF has a faster render
engine than Chrome.
.xx li {
width: 2em;
height: 2em;
line-height: 2em;
/*font-size: 12px;
font-family: arial, calibri, sans-serif;
font-weight: bold;*/
text-align: center;
border-radius: 50%;
background: dodgerblue;
display: inline-block;
color: white;
position: relative;
margin: 0px 10px;
/* box-shadow: 0 0 3px 3px grey;*/
}
.xx li::before {
content: '';
position: absolute;
top: 50%;
left: -100%;
width: 100%;
height: 2px;
background: dodgerblue !important;
z-index: -1;
}
.xx li:first-child::before {
display: none;
}
.xx li:after {}
.xx .active {
background: dodgerblue;
}
.xx li.active+li::before {
z-index: -1 ;
}
.xx .active~li {
background: lightblue;
}
.xx .active~li::before {
background: lightblue;
z-index: auto ;
}
On Monday, July 29, 2019 at 11:21:18 AM UTC-7, Mohammad wrote:
>
> Thanks for confirmation!
> Seems something wrong in TW
>
> --Mohammad
>
>
> On Monday, July 29, 2019 at 10:24:27 PM UTC+4:30, Birthe C wrote:
>>
>> Hi Mohammad,
>>
>> I see the lines disappear...but very fast I nearly did not see it...(old
>> eyes!). I am using Firefox 68.
>>
>> Birthe
>>
>
--
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/1af4310e-df04-4850-87a8-23d2a4e1928e%40googlegroups.com.
