Sticky editortoolbar?

[David Gifford]

Hi all

I am using the centralized theme. Is there a way to make the editortoolbar sticky with that theme? I tried the snippet located here (https://groups.google.com/forum/#!msg/tiddlywiki/QcKMCNWeRpY/m5sPjM2TAwAJ) but it did not seem to work.

Thanks

Dave

[Costi Budai]

I'm also in need for this customization.

Many times I have to scroll up for some editortoolbar button, then scroll down to write further...

I'm using Vanilla Basic theme.

[David Gifford]

Costi,

In the meantime the other option is to adjust the height of the text section of the editor. There is a button in the editor toolbar to do that. Try 350px height and adjust as needed. That is what I ended up doing yesterday.

Dave

--
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/XL2TXKgNKjU/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/ca2af6d1-039a-4e98-99e1-0d7b4d5e7f0a%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Costi Budai]

Nice tip David, thanks!

It's better than nothing.

Pfff, now I have to scroll also in preview pane, this is annoying...

Edit: A synch scroll of both panels would be great!

On Thursday, May 16, 2019 at 3:13:34 PM UTC+3, David Gifford wrote:

Costi,

In the meantime the other option is to adjust the height of the text section of the editor. There is a button in the editor toolbar to do that. Try 350px height and adjust as needed. That is what I ended up doing yesterday.

Dave

On Thu, May 16, 2019 at 4:04 AM Costi Budai <costi...@gmail.com> wrote:

I'm also in need for this customization.

Many times I have to scroll up for some editortoolbar button, then scroll down to write further...

I'm using Vanilla Basic theme.

On Wednesday, May 15, 2019 at 6:43:45 PM UTC+3, David Gifford wrote:

Hi all

I am using the centralized theme. Is there a way to make the editortoolbar sticky with that theme? I tried the snippet located here (https://groups.google.com/forum/#!msg/tiddlywiki/QcKMCNWeRpY/m5sPjM2TAwAJ) but it did not seem to work.

Thanks

Dave

--
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/XL2TXKgNKjU/unsubscribe.

To unsubscribe from this group and all its topics, send an email to tiddl...@googlegroups.com.

[@TiddlyTweeter]

the fact this is proving difficult is a sign (and its not the Resurrection :-)

This kind of CSS should be a doddle.

On Thursday, 16 May 2019 14:13:34 UTC+2, David Gifford wrote:

Costi,

In the meantime the other option is to adjust the height of the text section of the editor. There is a button in the editor toolbar to do that. Try 350px height and adjust as needed. That is what I ended up doing yesterday.

Dave

On Thu, May 16, 2019 at 4:04 AM Costi Budai <costi...@gmail.com> wrote:

I'm also in need for this customization.

Many times I have to scroll up for some editortoolbar button, then scroll down to write further...

I'm using Vanilla Basic theme.

On Wednesday, May 15, 2019 at 6:43:45 PM UTC+3, David Gifford wrote:

Hi all

I am using the centralized theme. Is there a way to make the editortoolbar sticky with that theme? I tried the snippet located here (https://groups.google.com/forum/#!msg/tiddlywiki/QcKMCNWeRpY/m5sPjM2TAwAJ) but it did not seem to work.

Thanks

Dave

--
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/XL2TXKgNKjU/unsubscribe.

To unsubscribe from this group and all its topics, send an email to tiddl...@googlegroups.com.

[Ton Gerner]

Hi,

Based on the link Dave provided I made a sticky editor toolbar as part of my 'Top toolbar' plugin.
You can see it in action at http://tw5toolbar.tiddlyspot.com/
See also the adjustments that can be made (click the 'Layout' icon on the top right bar and click the tab 'Layout')

But be aware it does NOT work in combination with preview.

Cheers,

Ton

[TonyM]

David,

I did this some time ago, with the help from others. I am not sure If I have captured all the instructions, so please let me know so I can update my records.

Add the following to stylesheet tiddler

.tc-editor-toolbar button { background: orange;
}

.tc-editor-toolbar {
  position:sticky;
  position: -webkit-sticky;
  position: sticky;
  top: 30px; /* distance to stick from top, e.g if you use top bar */
  left:0;
  width:100%;
  font-size:.90em;
  padding:0;
  border:5px solid transparent;
  background: white;
  z-index: 100;
}

This may be all that is needed. Note I coloured the Editor toolbar

Increase or reduce top to match any headers or above story you are using

This x-index has being adjusted to work over the top of code mirror editor lines as well

I am not sure it is perfect, but it is close.

Regards

Tony

[David Gifford]

Thanks Ton and Tony! I went with Tony's easy CSS snippet. Works great. Gonna change orange to something more palatable, though heh heh

Dave

[Damon Pritchett]

I gave it a try and liked it a lot. I did, however, notice that once the toolbar was floating, it was much harder to click on a button in the toolbar to get it to function. The area over the button where the mouse would activate the function of the button was extremely small. Is this just my setup?

Damon

[Ste Wilson]

Provided some time ago by a wonderful personage on here the following puts scroll bars on edit and preview window's.

.tc-edit-texteditor, .tc-tiddler-preview-preview { max-height:80vh; overflow-y:auto; }

Put it in a $:/tags/Stylesheet tagged tiddle.

[Damon Pritchett]

Instead of having the edit toolbar sticky, would it be possible or desirable to have the tiddler window only be a maximum size and then the only scrolling that would be done is in the text window itself? This way the toolbar and the fields would all stay present. Just a thought.

Damon

[@TiddlyTweeter]

There is a full screen experimental editor by JD. Its edit bar scrolls too. But its less of an issue.

http://j.d.fullscreen.tiddlyspot.com/

I think that the "sticky-editor" bar idea part relates to screen estate.

Best wishes

Josiah

[@TiddlyTweeter]

Telmiger made a neat floating bar for the editor. It had the limitation that if you opened two Tiddlers for edit it wasn't clear which one it was active on.

Nonetheless it was interesting and useful. Unfortunately I can't find it :(.

Josiah

[Thomas Elmiger]

Hi all,

Poking a bit in the group search here ... and I found a solution by Jan where I contributed a hack or so:

https://groups.google.com/d/msg/tiddlywiki/QcKMCNWeRpY/po-kuet1BAAJ

Incredible, what memory some people like Josiah have!

Cheers,

Thomas