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/2afe7df2-8e28-41df-a768-0f0454110e62n%40googlegroups.com.
