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 [email protected] 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 <[email protected]> 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 >>>>>> [email protected]. >>>>>> To view this discussion on the web visit >>>>>> https://groups.google.com/d/msgid/tiddlywiki/f079ded7-2ab7-4352-9641-1ed276c8ca58n%40googlegroups.com >>>>>> >>>>>> <https://groups.google.com/d/msgid/tiddlywiki/f079ded7-2ab7-4352-9641-1ed276c8ca58n%40googlegroups.com?utm_medium=email&utm_source=footer> >>>>>> . >>>>>> >>>>> -- 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/9fb5deee-e449-497e-a458-ec3434781960n%40googlegroups.com.
