[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-16 Thread Saq Imtiaz
@Tony please feel free. The purpose of sharing the demo is after all to inspire ideas in the community. Note however that the JavaScript portion is far from robust, needs clean up, and is not something that I will be offering support for. Cheers, Saq On Thursday, July 16, 2020 at 2:47:27 PM

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-16 Thread TW Tones
Saq However you wish, perhaps I will run with some packaging of it? With this solution of yours I now have a nice suit of editor toolbar tools, Some my own and others enhancements and tweaks. I am planning to bundle them for use during wiki design activities. I have achieved real development

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-16 Thread Saq Imtiaz
> Will do, I have no problem for me, I am suggesting it be part of the final > solution if possible. > Tony: I am not planning to develop this further, except maybe as an optional add-on for Streams. But if there is interest maybe someone else will choose to do so. Cheers, Saq -- You

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-16 Thread TW Tones
Saq, > @Tony : as Stephen points out, it is pretty easy to add back in the > standard editor tool bar. Just compare $:/core/ui/EditTemplate/body/editor > to the unmodified shadow tiddler. > > Will do, I have no problem for me, I am suggesting it be part of the final solution if possible.

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-15 Thread Saq Imtiaz
@Stephen good catch on that div. Though now that you have pointed it out, I will try to remove the need for that div altogether. Will just require tweaking the calculations for the position of the popup menu a little bit. As you have discovered adding back the standard toolbar is quite easy.

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-15 Thread 'Stephen Kimmel' via TiddlyWiki
As it runs out the fix to the preview was easy enough. All I had to do was to move the opening to a new position directly in front of the reveal pop-up line. I was also able to put back the standard editor tool bar by adding the removed code ahead of the relocated position:relative div line.

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-15 Thread TW Tones
Saq, I love the solution so far, however I have a range of editor Toolbar buttons, I use for insert rather than act on a selection, so I need some way to open the toolbar at a cursor only. I would be happy if I could still use and select what appears in the standard toolbar. I like your

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-15 Thread Saq Imtiaz
Hi Stephen, Let me just re-iterate that this a quick 30 minute hack meant to serve as a demo/proof of concept for an alternative way to implement a text formatting toolbar. It is not meant for anyone to use. There are fair few edge cases that cause issues, and no affordance for toolbar

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-15 Thread 'Stephen Kimmel' via TiddlyWiki
I definitely like the idea of the pop-up editor toolbar though I do have a difficulty or two that I haven't worked my way through yet. Perhaps my biggest gripe is that the preview window changed position from beside the editing window to below and to the right of the editing window. I'm

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-15 Thread Saq Imtiaz
@Mat: > Is there a reason why you have the icons to the right of the item, rather > than on the left which probably would make for an even less cluttered > display? > Lack of time: since I first posted this I've only worked on the bit above the divider line, that is the display for what is

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-15 Thread Mat
Saq Imtiaz wrote: > > the configuration UI > +1 IMO that should be the UI for setting toolbars in TW. The horizontal display of the selected tools directly reflects how they are displayed in the tiddler and the current use of checkboxes for these settings is an extra visual abstraction. Is

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-15 Thread Saq Imtiaz
I've updated the configuration UI to represent the design concept I have in mind: https://saqimtiaz.github.io/sq-tw/floating-menu.html#config:config%20%5B%5BDraft%20of%20'RikerIpsum'%5D%5D -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-10 Thread Saq Imtiaz
The default UI for toolbar is very easy to set up but I don't like the user experience. What is in the demo is unfinished and just a bare minimum to make things workable. I have something different in mind if I do get around to taking this further. Cheers, Saq On Friday, July 10, 2020 at

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-09 Thread TW Tones
Saq, Once before I created a new "toolbar" one could manage inside control panel appearance toolbars. We could just list all EditorToolbar items and a checkbox would place it on the popup. This provides the standard way to select and reorder. Also with the Active tiddler discussion in dev

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-09 Thread Duarte Farrajota Ramos
Count me in! This is great! I know tiddlers are by definition meant to be atomic and short, but sometimes they do grow large and editing long texts make the default toolbar scroll ou of view. While the default behavior still works by pressing hotkeys and even does scroll the popovers into view

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-09 Thread Ste Wilson
@saq That does under work wonderfully! -- 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

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-09 Thread Saq Imtiaz
@Mat: Regarding tools that don't require selections: I haven't really given any of this a lot of thought. This was a quick hack combining bits from other things I have worked on, prompted by a request for a more slimmed down editor toolbar in Streams. In general I favour a minimal UI when

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-08 Thread TW Tones
Saq, I just managed to review it and its nice, popup buttons any where down a long tiddlywiki in edit mode is desirable. I agree with others that a method to nominate EditorToolbar buttons that belong on the "Text select" menu, would be nice. On one of my wikis the EditorToolbar is setup to

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-08 Thread Mat
Saq Imtiaz wrote: > > When early morning conference calls run too long, you get demos. > @everybody - quicky, lets set up a lot of boring conference calls for Saq! Thank you for this demo Saq! I think this is superior to the default editor toolbar - i.e for those tools that require a selection

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-08 Thread Saq Imtiaz
@pmario I've uploaded a quick fix for FF that gets it close to the Chrome behaviour... hopefully good enough at least for a proof of concept. Background: FF doesn't fire selectionchange events in input/textarea elements, whereas all other major browsers do. On Wednesday, July 8, 2020 at

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-08 Thread Saq Imtiaz
@pmario Hmm. Must have broken in the update I made to make it work better on mobile, I tested it on FF earlier but not after that change. Will investigate later. On Wednesday, July 8, 2020 at 10:15:28 PM UTC+2, PMario wrote: > > On Wednesday, July 8, 2020 at 9:58:06 AM UTC+2, Saq Imtiaz wrote:

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-08 Thread PMario
On Wednesday, July 8, 2020 at 9:58:06 AM UTC+2, Saq Imtiaz wrote: > > > Edit a tiddler, and select some text to make the toolbar appear: > > https://saqimtiaz.github.io/sq-tw/floating-menu.html > > Hi, Using FF 78.0.1 .. Doesn't work for me there. -m -- You received this message because you

[tw5] Re: [ Demo ] : floating editor toolbar

2020-07-08 Thread Saq Imtiaz
I've made a tiny change that will hopefully make this work better on mobile too. Let me know if it helps. On Wednesday, July 8, 2020 at 5:35:02 PM UTC+2, Ste Wilson wrote: > > On mobile for me (android, chrome)ha long press and drag to select text > doesn't make the edit bar appear. A double