subject:"\[tw5\] Re\: Sticky editortoolbar\?"

Re: [tw5] Re: Sticky editortoolbar?

2021-04-29 Thread maki aea

for mobile safari at least tapping just outside the editor area brings the 
toolbar back onscreen (once you have it stickied in css and then after 
editing it seems to scroll offscreen)

hth

i found my old notes about this at 
http://makiaea.org/00045/20210120makiaea.html#changelog

see the entry 20210206
On Thursday, April 29, 2021 at 6:53:32 AM UTC+1 maki aea wrote:

> try modifying dave's example with top:0
>
> to top:40px (or 20px etc depending on your wiki)
>
> for single line toolbars top:0 is getting hidden behind other elements
>
>
> On Tuesday, April 27, 2021 at 7:35:29 PM UTC+1 Brian Radspinner wrote:
>
>> History Buff may be in the same "position" as I am: I think I have some 
>> other CSS styles that as messing with the ability to use what you posted. 
>> When I use position:sticky on the toolbar, it does nothing, still scrolls 
>> with the tiddler frame.
>>
>> On Tuesday, April 27, 2021 at 10:40:59 AM UTC-7 David Gifford wrote:
>>
>>> @History Buff
>>>
>>> CSS worked great for me.
>>>
>>> Create a tiddler with the following:
>>>
>>> Title: $:/HistoryBuff/StickyEditorButtons
>>> tag: $:/tags/Stylesheet
>>> text: .tc-editor-toolbar { position: sticky; top: 0; background-color: 
>>> white;} 
>>> type: text/css
>>>
>>>
>>>
>>> On Tuesday, April 27, 2021 at 11:41:12 AM UTC-5 History Buff wrote:
>>>
 I haven't been able to get the CSS to work yet. For now, I've been 
 using the fixed height setting 
 ($:/core/ui/EditorToolbar/editor-height-dropdown) which fixes the editor 
 window and makes the toolbar visible at all times.

 On Tuesday, April 27, 2021 at 9:08:12 AM UTC-7 David Gifford wrote:

> Thanks a bunch Odin! 
> (I feel like a pagan idolater for writing that sentence!) :-)
>
>
>
>
> On Tue, Apr 27, 2021 at 10:34 AM Odin  wrote:
>
>> The CSS position attribute has a 'sticky' value. See: 
>> https://www.w3schools.com/cssref/pr_class_position.asp
>>
>> Adding this to a stylesheet tiddler would produce the effect:
>>
>> .tc-editor-toolbar { position: sticky; top: 0; }
>>
>> To prevent the look of 'floating' buttons you can also add a 
>> 'background-color: white;'.
>> Op dinsdag 27 april 2021 om 16:48:39 UTC+2 schreef David Gifford:
>>
>>>
>>> Okay I know I had this set up once., but I can't find it.
>>>
>>> Can anyone explain how I could have a sticky editortoolbar? So that 
>>> when I am editing a tiddler and scroll down, the editing buttons stay 
>>> at 
>>> the top of the screen?
>>>
>> -- 
>> 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/KVBFIqkYbBM/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/f079ded7-2ab7-4352-9641-1ed276c8ca58n%40googlegroups.com
>>  
>> 
>> .
>>
>

-- 
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 web visit 
https://groups.google.com/d/msgid/tiddlywiki/1002930c-3ee3-4525-9047-004f76760335n%40googlegroups.com.

Re: [tw5] Re: Sticky editortoolbar?

2021-04-28 Thread maki aea

try modifying dave's example with top:0

to top:40px (or 20px etc depending on your wiki)

for single line toolbars top:0 is getting hidden behind other elements


On Tuesday, April 27, 2021 at 7:35:29 PM UTC+1 Brian Radspinner wrote:

> History Buff may be in the same "position" as I am: I think I have some 
> other CSS styles that as messing with the ability to use what you posted. 
> When I use position:sticky on the toolbar, it does nothing, still scrolls 
> with the tiddler frame.
>
> On Tuesday, April 27, 2021 at 10:40:59 AM UTC-7 David Gifford wrote:
>
>> @History Buff
>>
>> CSS worked great for me.
>>
>> Create a tiddler with the following:
>>
>> Title: $:/HistoryBuff/StickyEditorButtons
>> tag: $:/tags/Stylesheet
>> text: .tc-editor-toolbar { position: sticky; top: 0; background-color: 
>> white;} 
>> type: text/css
>>
>>
>>
>> On Tuesday, April 27, 2021 at 11:41:12 AM UTC-5 History Buff wrote:
>>
>>> I haven't been able to get the CSS to work yet. For now, I've been using 
>>> the fixed height setting ($:/core/ui/EditorToolbar/editor-height-dropdown) 
>>> which fixes the editor window and makes the toolbar visible at all times.
>>>
>>> On Tuesday, April 27, 2021 at 9:08:12 AM UTC-7 David Gifford wrote:
>>>
 Thanks a bunch Odin! 
 (I feel like a pagan idolater for writing that sentence!) :-)




 On Tue, Apr 27, 2021 at 10:34 AM Odin  wrote:

> The CSS position attribute has a 'sticky' value. See: 
> https://www.w3schools.com/cssref/pr_class_position.asp
>
> Adding this to a stylesheet tiddler would produce the effect:
>
> .tc-editor-toolbar { position: sticky; top: 0; }
>
> To prevent the look of 'floating' buttons you can also add a 
> 'background-color: white;'.
> Op dinsdag 27 april 2021 om 16:48:39 UTC+2 schreef David Gifford:
>
>>
>> Okay I know I had this set up once., but I can't find it.
>>
>> Can anyone explain how I could have a sticky editortoolbar? So that 
>> when I am editing a tiddler and scroll down, the editing buttons stay at 
>> the top of the screen?
>>
> -- 
> 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/KVBFIqkYbBM/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/f079ded7-2ab7-4352-9641-1ed276c8ca58n%40googlegroups.com
>  
> 
> .
>


-- 
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 web visit 
https://groups.google.com/d/msgid/tiddlywiki/a997e85e-a983-403b-bb63-58325e1b439en%40googlegroups.com.

Re: [tw5] Re: Sticky editortoolbar?

2021-04-28 Thread makiaea

wait, it seems it does work on tiddlywiki.com

try editing another tiddler e.g. HelloThere

the sticky toolbar gets hidden behind the blue bar if it is a single line 
only
On Thursday, April 29, 2021 at 6:25:21 AM UTC+1 ma...@makiaea.org wrote:

> i tried this when i was first building my new tiddlywiki and it didn't work
>
> just tried it on tiddlywiki.com and it didn't work
>
> if i recall correctly i eventually found it was the css in the default tw 
> using an overflow property in the parent element, which means that sticky 
> does not work in the child element (sticky works fine elsewhere)
>
> On Tuesday, April 27, 2021 at 7:35:29 PM UTC+1 Brian Radspinner wrote:
>
>> History Buff may be in the same "position" as I am: I think I have some 
>> other CSS styles that as messing with the ability to use what you posted. 
>> When I use position:sticky on the toolbar, it does nothing, still scrolls 
>> with the tiddler frame.
>>
>> On Tuesday, April 27, 2021 at 10:40:59 AM UTC-7 David Gifford wrote:
>>
>>> @History Buff
>>>
>>> CSS worked great for me.
>>>
>>> Create a tiddler with the following:
>>>
>>> Title: $:/HistoryBuff/StickyEditorButtons
>>> tag: $:/tags/Stylesheet
>>> text: .tc-editor-toolbar { position: sticky; top: 0; background-color: 
>>> white;} 
>>> type: text/css
>>>
>>>
>>>
>>> On Tuesday, April 27, 2021 at 11:41:12 AM UTC-5 History Buff wrote:
>>>
 I haven't been able to get the CSS to work yet. For now, I've been 
 using the fixed height setting 
 ($:/core/ui/EditorToolbar/editor-height-dropdown) which fixes the editor 
 window and makes the toolbar visible at all times.

 On Tuesday, April 27, 2021 at 9:08:12 AM UTC-7 David Gifford wrote:

> Thanks a bunch Odin! 
> (I feel like a pagan idolater for writing that sentence!) :-)
>
>
>
>
> On Tue, Apr 27, 2021 at 10:34 AM Odin  wrote:
>
>> The CSS position attribute has a 'sticky' value. See: 
>> https://www.w3schools.com/cssref/pr_class_position.asp
>>
>> Adding this to a stylesheet tiddler would produce the effect:
>>
>> .tc-editor-toolbar { position: sticky; top: 0; }
>>
>> To prevent the look of 'floating' buttons you can also add a 
>> 'background-color: white;'.
>> Op dinsdag 27 april 2021 om 16:48:39 UTC+2 schreef David Gifford:
>>
>>>
>>> Okay I know I had this set up once., but I can't find it.
>>>
>>> Can anyone explain how I could have a sticky editortoolbar? So that 
>>> when I am editing a tiddler and scroll down, the editing buttons stay 
>>> at 
>>> the top of the screen?
>>>
>> -- 
>> 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/KVBFIqkYbBM/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/f079ded7-2ab7-4352-9641-1ed276c8ca58n%40googlegroups.com
>>  
>> 
>> .
>>
>

-- 
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 web visit 
https://groups.google.com/d/msgid/tiddlywiki/9fb5deee-e449-497e-a458-ec3434781960n%40googlegroups.com.

Re: [tw5] Re: Sticky editortoolbar?

2021-04-28 Thread maki aea

i tried this when i was first building my new tiddlywiki and it didn't work

just tried it on tiddlywiki.com and it didn't work

if i recall correctly i eventually found it was the css in the default tw 
using an overflow property in the parent element, which means that sticky 
does not work in the child element (sticky works fine elsewhere)

On Tuesday, April 27, 2021 at 7:35:29 PM UTC+1 Brian Radspinner wrote:

> History Buff may be in the same "position" as I am: I think I have some 
> other CSS styles that as messing with the ability to use what you posted. 
> When I use position:sticky on the toolbar, it does nothing, still scrolls 
> with the tiddler frame.
>
> On Tuesday, April 27, 2021 at 10:40:59 AM UTC-7 David Gifford wrote:
>
>> @History Buff
>>
>> CSS worked great for me.
>>
>> Create a tiddler with the following:
>>
>> Title: $:/HistoryBuff/StickyEditorButtons
>> tag: $:/tags/Stylesheet
>> text: .tc-editor-toolbar { position: sticky; top: 0; background-color: 
>> white;} 
>> type: text/css
>>
>>
>>
>> On Tuesday, April 27, 2021 at 11:41:12 AM UTC-5 History Buff wrote:
>>
>>> I haven't been able to get the CSS to work yet. For now, I've been using 
>>> the fixed height setting ($:/core/ui/EditorToolbar/editor-height-dropdown) 
>>> which fixes the editor window and makes the toolbar visible at all times.
>>>
>>> On Tuesday, April 27, 2021 at 9:08:12 AM UTC-7 David Gifford wrote:
>>>
 Thanks a bunch Odin! 
 (I feel like a pagan idolater for writing that sentence!) :-)




 On Tue, Apr 27, 2021 at 10:34 AM Odin  wrote:

> The CSS position attribute has a 'sticky' value. See: 
> https://www.w3schools.com/cssref/pr_class_position.asp
>
> Adding this to a stylesheet tiddler would produce the effect:
>
> .tc-editor-toolbar { position: sticky; top: 0; }
>
> To prevent the look of 'floating' buttons you can also add a 
> 'background-color: white;'.
> Op dinsdag 27 april 2021 om 16:48:39 UTC+2 schreef David Gifford:
>
>>
>> Okay I know I had this set up once., but I can't find it.
>>
>> Can anyone explain how I could have a sticky editortoolbar? So that 
>> when I am editing a tiddler and scroll down, the editing buttons stay at 
>> the top of the screen?
>>
> -- 
> 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/KVBFIqkYbBM/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/f079ded7-2ab7-4352-9641-1ed276c8ca58n%40googlegroups.com
>  
> 
> .
>


-- 
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 web visit 
https://groups.google.com/d/msgid/tiddlywiki/2c14ecb4-bce3-4fa3-8f39-8e2697c65520n%40googlegroups.com.

Re: [tw5] Re: Sticky editortoolbar?

2021-04-27 Thread Brian Radspinner

History Buff may be in the same "position" as I am: I think I have some 
other CSS styles that as messing with the ability to use what you posted. 
When I use position:sticky on the toolbar, it does nothing, still scrolls 
with the tiddler frame.

On Tuesday, April 27, 2021 at 10:40:59 AM UTC-7 David Gifford wrote:

> @History Buff
>
> CSS worked great for me.
>
> Create a tiddler with the following:
>
> Title: $:/HistoryBuff/StickyEditorButtons
> tag: $:/tags/Stylesheet
> text: .tc-editor-toolbar { position: sticky; top: 0; background-color: 
> white;} 
> type: text/css
>
>
>
> On Tuesday, April 27, 2021 at 11:41:12 AM UTC-5 History Buff wrote:
>
>> I haven't been able to get the CSS to work yet. For now, I've been using 
>> the fixed height setting ($:/core/ui/EditorToolbar/editor-height-dropdown) 
>> which fixes the editor window and makes the toolbar visible at all times.
>>
>> On Tuesday, April 27, 2021 at 9:08:12 AM UTC-7 David Gifford wrote:
>>
>>> Thanks a bunch Odin! 
>>> (I feel like a pagan idolater for writing that sentence!) :-)
>>>
>>>
>>>
>>>
>>> On Tue, Apr 27, 2021 at 10:34 AM Odin  wrote:
>>>
 The CSS position attribute has a 'sticky' value. See: 
 https://www.w3schools.com/cssref/pr_class_position.asp

 Adding this to a stylesheet tiddler would produce the effect:

 .tc-editor-toolbar { position: sticky; top: 0; }

 To prevent the look of 'floating' buttons you can also add a 
 'background-color: white;'.
 Op dinsdag 27 april 2021 om 16:48:39 UTC+2 schreef David Gifford:

>
> Okay I know I had this set up once., but I can't find it.
>
> Can anyone explain how I could have a sticky editortoolbar? So that 
> when I am editing a tiddler and scroll down, the editing buttons stay at 
> the top of the screen?
>
 -- 
 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/KVBFIqkYbBM/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/f079ded7-2ab7-4352-9641-1ed276c8ca58n%40googlegroups.com
  
 
 .

>>>

-- 
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 web visit 
https://groups.google.com/d/msgid/tiddlywiki/3b630648-b2d9-423d-86d1-e6af041e546fn%40googlegroups.com.

Re: [tw5] Re: Sticky editortoolbar?

2021-04-27 Thread David Gifford

@History Buff

CSS worked great for me.

Create a tiddler with the following:

Title: $:/HistoryBuff/StickyEditorButtons
tag: $:/tags/Stylesheet
text: .tc-editor-toolbar { position: sticky; top: 0; background-color: 
white;} 
type: text/css



On Tuesday, April 27, 2021 at 11:41:12 AM UTC-5 History Buff wrote:

> I haven't been able to get the CSS to work yet. For now, I've been using 
> the fixed height setting ($:/core/ui/EditorToolbar/editor-height-dropdown) 
> which fixes the editor window and makes the toolbar visible at all times.
>
> On Tuesday, April 27, 2021 at 9:08:12 AM UTC-7 David Gifford wrote:
>
>> Thanks a bunch Odin! 
>> (I feel like a pagan idolater for writing that sentence!) :-)
>>
>>
>>
>>
>> On Tue, Apr 27, 2021 at 10:34 AM Odin  wrote:
>>
>>> The CSS position attribute has a 'sticky' value. See: 
>>> https://www.w3schools.com/cssref/pr_class_position.asp
>>>
>>> Adding this to a stylesheet tiddler would produce the effect:
>>>
>>> .tc-editor-toolbar { position: sticky; top: 0; }
>>>
>>> To prevent the look of 'floating' buttons you can also add a 
>>> 'background-color: white;'.
>>> Op dinsdag 27 april 2021 om 16:48:39 UTC+2 schreef David Gifford:
>>>

 Okay I know I had this set up once., but I can't find it.

 Can anyone explain how I could have a sticky editortoolbar? So that 
 when I am editing a tiddler and scroll down, the editing buttons stay at 
 the top of the screen?

>>> -- 
>>> 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/KVBFIqkYbBM/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/f079ded7-2ab7-4352-9641-1ed276c8ca58n%40googlegroups.com
>>>  
>>> 
>>> .
>>>
>>

-- 
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 web visit 
https://groups.google.com/d/msgid/tiddlywiki/37011bfa-2bff-4a1d-aa65-cbc26311cf2an%40googlegroups.com.

Re: [tw5] Re: Sticky editortoolbar?

2021-04-27 Thread History Buff

I haven't been able to get the CSS to work yet. For now, I've been using 
the fixed height setting ($:/core/ui/EditorToolbar/editor-height-dropdown) 
which fixes the editor window and makes the toolbar visible at all times.

On Tuesday, April 27, 2021 at 9:08:12 AM UTC-7 David Gifford wrote:

> Thanks a bunch Odin! 
> (I feel like a pagan idolater for writing that sentence!) :-)
>
>
>
>
> On Tue, Apr 27, 2021 at 10:34 AM Odin  wrote:
>
>> The CSS position attribute has a 'sticky' value. See: 
>> https://www.w3schools.com/cssref/pr_class_position.asp
>>
>> Adding this to a stylesheet tiddler would produce the effect:
>>
>> .tc-editor-toolbar { position: sticky; top: 0; }
>>
>> To prevent the look of 'floating' buttons you can also add a 
>> 'background-color: white;'.
>> Op dinsdag 27 april 2021 om 16:48:39 UTC+2 schreef David Gifford:
>>
>>>
>>> Okay I know I had this set up once., but I can't find it.
>>>
>>> Can anyone explain how I could have a sticky editortoolbar? So that when 
>>> I am editing a tiddler and scroll down, the editing buttons stay at the top 
>>> of the screen?
>>>
>> -- 
>> 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/KVBFIqkYbBM/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/f079ded7-2ab7-4352-9641-1ed276c8ca58n%40googlegroups.com
>>  
>> 
>> .
>>
>

-- 
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 web visit 
https://groups.google.com/d/msgid/tiddlywiki/a66c1a45-7432-4546-9a0e-476d8a53f9b6n%40googlegroups.com.

Re: [tw5] Re: Sticky editortoolbar?

2021-04-27 Thread David Gifford

Thanks a bunch Odin!
(I feel like a pagan idolater for writing that sentence!) :-)




On Tue, Apr 27, 2021 at 10:34 AM Odin  wrote:

> The CSS position attribute has a 'sticky' value. See:
> https://www.w3schools.com/cssref/pr_class_position.asp
>
> Adding this to a stylesheet tiddler would produce the effect:
>
> .tc-editor-toolbar { position: sticky; top: 0; }
>
> To prevent the look of 'floating' buttons you can also add a
> 'background-color: white;'.
> Op dinsdag 27 april 2021 om 16:48:39 UTC+2 schreef David Gifford:
>
>>
>> Okay I know I had this set up once., but I can't find it.
>>
>> Can anyone explain how I could have a sticky editortoolbar? So that when
>> I am editing a tiddler and scroll down, the editing buttons stay at the top
>> of the screen?
>>
> --
> 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/KVBFIqkYbBM/unsubscribe.
> To unsubscribe from this group and all its topics, send an email to
> tiddlywiki+unsubscr...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/tiddlywiki/f079ded7-2ab7-4352-9641-1ed276c8ca58n%40googlegroups.com
> 
> .
>

-- 
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 web visit 
https://groups.google.com/d/msgid/tiddlywiki/CANE%3DBF%2B%3D%2B3zR7TMN0Mn-zGSq4Wour_3uOyOjc_ZXVaYKX0dhkg%40mail.gmail.com.

[tw5] Re: Sticky editortoolbar?

2021-04-27 Thread Odin

The CSS position attribute has a 'sticky' value. 
See: https://www.w3schools.com/cssref/pr_class_position.asp

Adding this to a stylesheet tiddler would produce the effect:

.tc-editor-toolbar { position: sticky; top: 0; }

To prevent the look of 'floating' buttons you can also add a 
'background-color: white;'.
Op dinsdag 27 april 2021 om 16:48:39 UTC+2 schreef David Gifford:

>
> Okay I know I had this set up once., but I can't find it.
>
> Can anyone explain how I could have a sticky editortoolbar? So that when I 
> am editing a tiddler and scroll down, the editing buttons stay at the top 
> of the screen?
>

-- 
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 web visit 
https://groups.google.com/d/msgid/tiddlywiki/f079ded7-2ab7-4352-9641-1ed276c8ca58n%40googlegroups.com.

[tw5] Re: Sticky editortoolbar?

2019-05-21 Thread 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

Am Freitag, 17. Mai 2019 21:57:46 UTC+2 schrieb @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
>

-- 
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 post to this group, send email to tiddlywiki@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/5c903f3f-9e8e-47ff-8f8c-bfdbbb6b0f5f%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: Sticky editortoolbar?

2019-05-17 Thread @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

-- 
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 post to this group, send email to tiddlywiki@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/9d8b376b-2cb7-44fb-ab1a-d6adaba6bff5%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: Sticky editortoolbar?

2019-05-17 Thread @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

>

-- 
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 post to this group, send email to tiddlywiki@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/f8e67ca7-a12f-4164-9796-cb53099089f3%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: Sticky editortoolbar?

2019-05-17 Thread 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

On Friday, May 17, 2019 at 9:17:40 AM UTC-7, Ste Wilson wrote:
>
> 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. 
>
>

-- 
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 post to this group, send email to tiddlywiki@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/cad5fff0-ef00-4c0a-80e4-f5e94d37c955%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: Sticky editortoolbar?

2019-05-17 Thread 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. 

-- 
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 post to this group, send email to tiddlywiki@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/19630576-620e-4d84-908e-fa5c778d2be6%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: Sticky editortoolbar?

2019-05-17 Thread 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



On Thursday, May 16, 2019 at 5:42:25 PM UTC-7, TonyM wrote:
>
> 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
>
>
> On Thursday, May 16, 2019 at 1:43:45 AM UTC+10, 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 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 post to this group, send email to tiddlywiki@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/61dd6278-0e29-4dc7-bc53-0118a97e684d%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: Sticky editortoolbar?

2019-05-17 Thread 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

On Thursday, May 16, 2019 at 7:42:25 PM UTC-5, TonyM wrote:
>
> 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
>
>
> On Thursday, May 16, 2019 at 1:43:45 AM UTC+10, 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 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 post to this group, send email to tiddlywiki@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/1bed26ea-e7d4-4992-a221-271dd7175c19%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: Sticky editortoolbar?

2019-05-16 Thread 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


On Thursday, May 16, 2019 at 1:43:45 AM UTC+10, 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 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 post to this group, send email to tiddlywiki@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/67e1fc20-97a5-4914-b971-44a675b1d2de%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: Sticky editortoolbar?

2019-05-16 Thread 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

-- 
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 post to this group, send email to tiddlywiki@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/42997fa4-5842-41fd-ad37-6a0217eb76bc%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [tw5] Re: Sticky editortoolbar?

2019-05-16 Thread @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  > 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 .
>> 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.
>>
>

-- 
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 post to this group, send email to tiddlywiki@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/625663a3-a705-43c7-b059-9049ccaa4566%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [tw5] Re: Sticky editortoolbar?

2019-05-16 Thread Costi Budai

Nice tip David, thanks!
It's better than nothing.
Pfff, now I have to scroll also in preview pane, this is annoying...

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  > 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 .
>> 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.
>>
>

-- 
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 post to this group, send email to tiddlywiki@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/b9f077fb-07e3-4d37-a6ab-17c33eacf41d%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [tw5] Re: Sticky editortoolbar?

2019-05-16 Thread 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




On Thu, May 16, 2019 at 4:04 AM Costi Budai  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
> tiddlywiki+unsubscr...@googlegroups.com.
> To post to this group, send email to tiddlywiki@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.
>

-- 
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 post to this group, send email to tiddlywiki@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/CANE%3DBFLAfSZ%2BL7HzFSmTNxEibHq87-MHZH33X0TnSUW__n3TQw%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

[tw5] Re: Sticky editortoolbar?

2019-05-16 Thread 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.

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 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 post to this group, send email to tiddlywiki@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.

Re: [tw5] Re: Sticky editortoolbar?

Re: [tw5] Re: Sticky editortoolbar?

Re: [tw5] Re: Sticky editortoolbar?

Re: [tw5] Re: Sticky editortoolbar?

Re: [tw5] Re: Sticky editortoolbar?

Re: [tw5] Re: Sticky editortoolbar?

Re: [tw5] Re: Sticky editortoolbar?

Re: [tw5] Re: Sticky editortoolbar?

[tw5] Re: Sticky editortoolbar?

[tw5] Re: Sticky editortoolbar?

[tw5] Re: Sticky editortoolbar?

[tw5] Re: Sticky editortoolbar?

[tw5] Re: Sticky editortoolbar?

[tw5] Re: Sticky editortoolbar?

[tw5] Re: Sticky editortoolbar?

[tw5] Re: Sticky editortoolbar?

[tw5] Re: Sticky editortoolbar?

[tw5] Re: Sticky editortoolbar?

Re: [tw5] Re: Sticky editortoolbar?

Re: [tw5] Re: Sticky editortoolbar?

Re: [tw5] Re: Sticky editortoolbar?

[tw5] Re: Sticky editortoolbar?

22 matches

Site Navigation

Mail list logo

Footer information