More accurate for me to say the Page Toolbar IS sticky but the Story View keeps scrolling over it and making it unusable.
On Sunday, November 15, 2020 at 3:01:53 PM UTC+8 Sapphireslinger wrote: > @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 >>>>>>>>>>>>>> saq.i...@gmail.com 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 tiddlywiki+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/9df43915-3bc5-4845-b239-c679c899686dn%40googlegroups.com.
