On the CSS z-index targeting, you want to target the div that is `position:
sticky`, which looks like it is `.hovercontrols`, so:
.hovercontrols {
z-index: 1000;
}
Should do the trick. Tested in my DevTools in Chrome on your demo wiki and
it seems to work.
Best,
Joshua Fontany
On Wednesday, March 3, 2021 at 4:44:12 PM UTC-8 Joshua Fontany wrote:
> Hi,
>
> I really like how this is looking, very customizable. I answered point one
> in the other thread, but wanted to expand here.
>
> On the controls-overlapping bug, you wan to explicitly set a `z-index` for
> the element in question.
>
> https://www.w3schools.com/cssref/pr_pos_z-index.asp
> *Note:* z-index only works on *positioned elements* (position: absolute,
> position: relative, position: fixed, or *position: sticky*).
>
> I would use a rather large value, like 1000, as this allows "room" for
> plugin authors to play with z-indexes and you can be fairly confident your
> controls will come out on top.
>
> For the 3-value logic problem with the Gaps stylesheets, I would use the
> new "cycle" filter operator, which acks as a multi-value toggle:
>
> https://tiddlywiki.com/#cycle%20Operator
>
> Best,
> Joshua Fontany
>
> On Tuesday, March 2, 2021 at 3:59:43 PM UTC-8 David Gifford wrote:
>
>>
>> Hi everyone
>>
>> There are still two nagging things I want fixed for my Toggle! plugin,
>> but I don't know how to do either.
>>
>> 1. I made progress on adding the viewtoolbars even when there is no
>> visible sidebar. Thanks to a suggestion from Birthe, I used the
>> sidecontrols plugin and modified it in a number of ways. You can see the
>> results here: https://giffmex.org/experiments/toggleplus.html
>>
>> However, if you click on the more menu of the top tiddler, you will see
>> that the dropdown is in front of that tiddler, but behind the other
>> tiddlers. I am wondering how I can fix that. Then the viewtoolbars part
>> will be complete.
>>
>> 2. I have a section in the Toggle! tab:
>>
>> *Gaps btwn tiddlers:* Thin ♦ Hide.
>>
>> Both 'Thin' and 'Hide' are individual on/off buttons. But they create
>> confusion, because if either one is on, the other can't be applied. If
>> 'Thin' gaps is applied, you can't turn on 'Hide' gaps.
>>
>> I would like to have a chooser similar in look to the Fixed/fluid, with
>> three options: default gap size between tiddlers, thin gap size between
>> tiddlers, hide gaps between tiddlers. Default would remove the
>> $:/tags/Stylesheet tag from the two stylesheets. Thin would add the tag to
>> the thin stylesheet and remove it from hide stylesheet. Hide would add the
>> tag to the hide stylesheet, and remove it from the thin stylesheet.
>>
>> Any love I can get on either of these will make me very grateful. This
>> will make this plugin much better. Thanks in advance, Dave
>>
>
--
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/ec11c237-606e-4bbb-a126-fd32dd00b75bn%40googlegroups.com.
