Two requests for Toggle!

[David Gifford]

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

[strikke...@gmail.com]

Dave,

Earlier today I tried to edit a plugin tiddler with a rather long title.. In fact the title nearly covered the tiddler controls. The problems gets worse if the size is toggled (Bigger).

I have tried to find out why the more drop-down behaves like you describe. I have the tiddler controls vertical, and do not have that problem in my copy of your wiki.

Also I do not have the problem with long titles and editing in my copy either. (The position of the tiddler controls is the only difference that I am aware of.)

Birthe

[David Gifford]

Birthe, Could you include an image of what is happening when editing with a long title?

--
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/0LCEaEbJKe4/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/a277e2bf-83a1-4252-bab6-4f5a56a8373cn%40googlegroups.com.

[strikke...@gmail.com]

David,

Even better - as I wrote I tried the long title earlier today. Now I found that you have nailed that problem in your latest incarnation.

Birthe

[strikke...@gmail.com]

Maybe I should mention that I reused the buttons: $:/core/ui/Buttons/theme, $:/core/ui/Buttons/storyview and $:/core/ui/Buttons/palette for the aesthetics section. Now that we can do all the other stuff from the same place.

Birthe

[Joshua Fontany]

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

[Joshua Fontany]

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

[David Gifford]

Thanks! That did it. I thought I had to change .tc-drop-down, since inspect element showed that as the css for that drop down.

I looked at the cycle operator. There are not enough examples for me to draw on. I am not a developer on the level of most developers here. I am more of a user who has picked up just enough to make me dangerous. I learn by taking existing snippets and figuring out how they work. And I usually get significant help here. The rather abstract explanations on tiddlywiki.com rarely help me. I can see enough to know the cycle operator is what I probably need.

--

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/0LCEaEbJKe4/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/ec11c237-606e-4bbb-a126-fd32dd00b75bn%40googlegroups.com.