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/1116d5ff-89e3-4e0e-8d2d-3d5499bcd55fn%40googlegroups.com.

Reply via email to