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/c77678f2-a1c8-4a17-84e6-b4083851520fn%40googlegroups.com.
