@TW Tones I discovered that yesterday, and it made sticky the non-sticky *Edit Toolbar* I'd been tolerating for a year : ) but it still didn't make the *Page Toolbar* sticky : (
On Sunday, November 15, 2020 at 10:13:54 AM UTC+8 TW Tones wrote: > I just saw this but I think this may be what you are looking for. > > $:/themes/tiddlywiki/vanilla/sticky > <http://127.0.4.81/IndexWikis/TW5References/index.html#%24%3A%2Fthemes%2Ftiddlywiki%2Fvanilla%2Fsticky> > > and set Top to 40px as an example for the Menu bar plugin. > Or create a separate stylesheet with this override. > > I think the menu bar plugin now includes this setting internally. > > Regards > Tones > > > > On Sunday, 15 November 2020 at 02:34:37 UTC+11 Sapphireslinger wrote: > >> It's late where I am, I'll have to come back to this thread tomorrow. >> Thank you so much for all the suggestions. >> >> On Saturday, November 14, 2020 at 11:31:38 PM UTC+8 Sapphireslinger wrote: >> >>> @Brian Radspinner >>> >>> I made a tiddler tagged with *$:/tags/PageTemplate *and put this in it: >>> *<div >>> class="tc-adjust-top-of-scroll" >>> style="height:30px;position:absolute;left:0;right:0; >>> top:0;visibility:hidden;">This DIV is just here to give a height for the >>> top bar, and apply the TC-ADJUST-TOP-OF-SCROLL class for TiddlyWiki to have >>> tiddler title bars not end up behind the top bar. It won't be seen on the >>> page.</div>* >>> >>> I then saved my Tiddlywiki, but nothing changed, tiddlers still scrolled >>> over the toolbar. >>> On Saturday, November 14, 2020 at 11:12:36 PM UTC+8 Sapphireslinger >>> wrote: >>> >>>> Here you can see the Page Toolbar covered up when the Story View was >>>> scrolled upwards. >>>> >>>> [image: Screenshot from 2020-11-14 23-10-55.png] >>>> >>>> >>>> On Saturday, November 14, 2020 at 11:09:16 PM UTC+8 Sapphireslinger >>>> wrote: >>>> >>>>> Sorry the design is so lame. It's so I can use it on my smartphone as >>>>> well as my desktop computer. When using this on my smartphone the right >>>>> hand column tiddlers (I believe they are all tagged as sidebar segments) >>>>> float to the top and do NOT cover the Page Toolbar. >>>>> >>>>> The left-hand column is the story view tiddlers. On my smartphone, >>>>> they all show up below the right-hand column tiddlers. >>>>> >>>>> On Saturday, November 14, 2020 at 11:01:31 PM UTC+8 Sapphireslinger >>>>> wrote: >>>>> >>>>>> [image: Screenshot from 2020-11-14 23-00-02.png] >>>>>> >>>>>> On Saturday, November 14, 2020 at 10:48:10 PM UTC+8 BurningTreeC >>>>>> wrote: >>>>>> >>>>>>> Hi @Sapphireslinger, no it's neither your TopBar/Menu or your >>>>>>> PageTemplate. A screenshot of your Top Bar would be very helpful >>>>>>> >>>>>>> BTC >>>>>>> >>>>>>> Sapphireslinger schrieb am Samstag, 14. November 2020 um 15:41:07 >>>>>>> UTC+1: >>>>>>> >>>>>>>> @BurningTreeC >>>>>>>> >>>>>>>> Is it my *$:/core/ui/TopBar/menu* tiddler? >>>>>>>> >>>>>>>> Here's what it says: >>>>>>>> >>>>>>>> <$reveal state="$:/state/sidebar" type="nomatch" text="no"> >>>>>>>> <$button set="$:/state/sidebar" setTo="no" >>>>>>>> tooltip={{$:/language/Buttons/HideSideBar/Hint}} >>>>>>>> aria-label={{$:/language/Buttons/HideSideBar/Caption}} >>>>>>>> class="tc-btn-invisible">{{$:/core/images/chevron-right}}</$button> >>>>>>>> </$reveal> >>>>>>>> <$reveal state="$:/state/sidebar" type="match" text="no"> >>>>>>>> <$button set="$:/state/sidebar" setTo="yes" >>>>>>>> tooltip={{$:/language/Buttons/ShowSideBar/Hint}} >>>>>>>> aria-label={{$:/language/Buttons/ShowSideBar/Caption}} >>>>>>>> class="tc-btn-invisible">{{$:/core/images/chevron-left}}</$button> >>>>>>>> </$reveal> >>>>>>>> >>>>>>>> Is it my $:/core/ui/PageTemplate >>>>>>>> >>>>>>>> Here's what it says: >>>>>>>> >>>>>>>> \whitespace trim >>>>>>>> \define containerClasses() >>>>>>>> tc-page-container tc-page-view-$(storyviewTitle)$ >>>>>>>> tc-language-$(languageTitle)$ >>>>>>>> \end >>>>>>>> \import [[$:/core/ui/PageMacros]] >>>>>>>> [all[shadows+tiddlers]tag[$:/tags/Macro]!has[draft.of]] >>>>>>>> >>>>>>>> <$set name="tv-config-toolbar-icons" >>>>>>>> value={{$:/config/Toolbar/Icons}}> >>>>>>>> >>>>>>>> <$set name="tv-config-toolbar-text" >>>>>>>> value={{$:/config/Toolbar/Text}}> >>>>>>>> >>>>>>>> <$set name="tv-config-toolbar-class" >>>>>>>> value={{$:/config/Toolbar/ButtonClass}}> >>>>>>>> >>>>>>>> <$set name="tv-enable-drag-and-drop" >>>>>>>> value={{$:/config/DragAndDrop/Enable}}> >>>>>>>> >>>>>>>> <$set name="tv-show-missing-links" value={{$:/config/MissingLinks}}> >>>>>>>> >>>>>>>> <$set name="storyviewTitle" value={{$:/view}}> >>>>>>>> >>>>>>>> <$set name="languageTitle" value={{{ [{$:/language}get[name]] }}}> >>>>>>>> >>>>>>>> <div class=<<containerClasses>>> >>>>>>>> >>>>>>>> <$navigator story="$:/StoryList" history="$:/HistoryList" >>>>>>>> openLinkFromInsideRiver={{$:/config/Navigation/openLinkFromInsideRiver}} >>>>>>>> >>>>>>>> openLinkFromOutsideRiver={{$:/config/Navigation/openLinkFromOutsideRiver}} >>>>>>>> >>>>>>>> relinkOnRename={{$:/config/RelinkOnRename}}> >>>>>>>> >>>>>>>> <$dropzone enable=<<tv-enable-drag-and-drop>>> >>>>>>>> >>>>>>>> <$list >>>>>>>> filter="[all[shadows+tiddlers]tag[$:/tags/PageTemplate]!has[draft.of]]" >>>>>>>> >>>>>>>> variable="listItem"> >>>>>>>> >>>>>>>> <$transclude tiddler=<<listItem>>/> >>>>>>>> >>>>>>>> </$list> >>>>>>>> >>>>>>>> </$dropzone> >>>>>>>> >>>>>>>> </$navigator> >>>>>>>> >>>>>>>> </div> >>>>>>>> >>>>>>>> </$set> >>>>>>>> >>>>>>>> </$set> >>>>>>>> >>>>>>>> </$set> >>>>>>>> >>>>>>>> </$set> >>>>>>>> >>>>>>>> </$set> >>>>>>>> >>>>>>>> </$set> >>>>>>>> >>>>>>>> </$set> >>>>>>>> >>>>>>>> >>>>>>>> On Saturday, November 14, 2020 at 10:21:41 PM UTC+8 Brian >>>>>>>> Radspinner wrote: >>>>>>>> >>>>>>>>> Whatever tiddler you have that holds the top bar, give it the >>>>>>>>> class of "*$:/tags/PageTemplate*". The height of that tiddler >>>>>>>>> should be the new scroll margin. >>>>>>>>> >>>>>>>>> An alternative is to have a tiddler just made to be that margin: >>>>>>>>> >>>>>>>>> Put the following in the body of a new tiddler... >>>>>>>>> >>>>>>>>> >>>>>>>>> *<div class="tc-adjust-top-of-scroll" >>>>>>>>> style="height:30px;position:absolute;left:0;right:0; >>>>>>>>> top:0;visibility:hidden;">This DIV is just here to give a height for >>>>>>>>> the >>>>>>>>> top bar, and apply the TC-ADJUST-TOP-OF-SCROLL class for TiddlyWiki >>>>>>>>> to have >>>>>>>>> tiddler title bars not end up behind the top bar. It won't be seen on >>>>>>>>> the >>>>>>>>> page.</div>* >>>>>>>>> >>>>>>>>> On Saturday, November 14, 2020 at 7:12:10 AM UTC-7 Sapphireslinger >>>>>>>>> wrote: >>>>>>>>> >>>>>>>>>> I'm so sorry, I don't know what the name of the Page Toolbar >>>>>>>>>> tiddler is. >>>>>>>>>> >>>>>>>>>> I know I should go to "More" and then click on either "Shadows" >>>>>>>>>> or "System" but I don't know how to find the Page Toolbar tiddler. >>>>>>>>>> >>>>>>>>>> On Saturday, November 14, 2020 at 9:54:47 PM UTC+8 BurningTreeC >>>>>>>>>> wrote: >>>>>>>>>> >>>>>>>>>>> @Sapphireslinger, it would be helpful if you showed how your >>>>>>>>>>> Page Toolbar looks like... And the code it uses >>>>>>>>>>> >>>>>>>>>>> BTC >>>>>>>>>>> >>>>>>>>>>> BurningTreeC schrieb am Samstag, 14. November 2020 um 14:53:34 >>>>>>>>>>> UTC+1: >>>>>>>>>>> >>>>>>>>>>>> Hi @Sapphireslinger, have you tried adding the class >>>>>>>>>>>> "tc-adjust-top-of-scroll" to your top Page Toolbar? >>>>>>>>>>>> >>>>>>>>>>>> BTC >>>>>>>>>>>> >>>>>>>>>>>> Sapphireslinger schrieb am Samstag, 14. November 2020 um >>>>>>>>>>>> 14:10:58 UTC+1: >>>>>>>>>>>> >>>>>>>>>>>>> Thank you for your suggestion. Unfortunately, I aleardy tried >>>>>>>>>>>>> that, and it didn't work. I changed the 30 px to 300 px. The >>>>>>>>>>>>> result: >>>>>>>>>>>>> Tiddlers still scroll entirely up over the viewable part of the >>>>>>>>>>>>> screen (And >>>>>>>>>>>>> as always, I just see the covered up toolbar poking out the left >>>>>>>>>>>>> side of >>>>>>>>>>>>> the Story View, but the one icon visible is not clickable.) Only >>>>>>>>>>>>> when I >>>>>>>>>>>>> scroll all the way to the top does the entire "fixed" toolbar >>>>>>>>>>>>> come into >>>>>>>>>>>>> view, and I see that there is indeed a 300 px gap between the >>>>>>>>>>>>> first tiddler >>>>>>>>>>>>> and the toolbar. >>>>>>>>>>>>> >>>>>>>>>>>>> On Saturday, November 14, 2020 at 8:41:22 PM UTC+8 >>>>>>>>>>>>> [email protected] wrote: >>>>>>>>>>>>> >>>>>>>>>>>>>> $:/ControlPanel -> Appearance -> Theme Tweaks -> Story top >>>>>>>>>>>>>> position >>>>>>>>>>>>>> >>>>>>>>>>>>>> On Saturday, November 14, 2020 at 12:54:19 PM UTC+1 >>>>>>>>>>>>>> Sapphireslinger wrote: >>>>>>>>>>>>>> >>>>>>>>>>>>>>> I am using Classic Story View with Vanilla Basic Theme >>>>>>>>>>>>>>> (Blanca palette). >>>>>>>>>>>>>>> >>>>>>>>>>>>>>> The Story View scrolls completely over my fixed Page Toolbar >>>>>>>>>>>>>>> at the top of the screen, so that it is useless as a fixed >>>>>>>>>>>>>>> toolbar (since I >>>>>>>>>>>>>>> have to scroll back up to the top to see it anyway). >>>>>>>>>>>>>>> >>>>>>>>>>>>>>> *How do I tell the top boundary of the story view to stop >>>>>>>>>>>>>>> at, say, 30 px from the top?* >>>>>>>>>>>>>>> >>>>>>>>>>>>>> -- 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/f6bdedb3-75f3-4c26-95e0-6c68ee2e9f0an%40googlegroups.com.
