Thank you - that was the key I was missing for some unknown reason. I was
able to implement my own version, without all the extra. I'm giving away
Zaphod's secrets here.
The key for what I wanted was the width and margin (<sidebar width> minus
<margin you define>). The margin is the gap between the edge of the story
river and the visible background on the sidebar.
tiddler sbShow with:
<style>
.tc-sidebar-scrollable {
width:350px;
margin:50px 0 0 0;
border-radius: 10px 0 0 0;
background-color: green;
}
</style>
tiddler sbHide with:
<style>
.tc-sidebar-scrollable {
background-color: transparent;
}
</style>
and then add the transclude lines to $:/core/ui/TopBar/menu between the
button open and close tags.
<$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}}
<$transclude tiddler="sbShow"/>
</$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}}
<$transclude tiddler="sbHide"/>
</$button>
</$reveal>
On Tuesday, July 23, 2019 at 9:15:31 AM UTC-6, Birthe C wrote:
>
> http://zaphod2016.tiddlyspot.com/#%24%3A%2Fcore%2Fui%2FTopBar%2Fmenu
> Used to change the styles.
>
>
> Birthe
>
--
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/a5d6a302-fc03-4214-a401-614b28f56e44%40googlegroups.com.
