@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/f31e4788-9d6e-450a-a5ba-0f18dd4370adn%40googlegroups.com.
