How to automatically reveal the sidetabs viewtemplate when the current tiddler in krystal horizontal layout is maximised using keyboard shortcut

#1

I use the below code to float a custom viewtemplate (which I call as sidetabs) to the right side of the tiddler body using a reveal widget.

<$let stateID={{{ [[$:/temp/abc/]addsuffix{!!title}addsuffix<qualify>] }}}>
   <$reveal type="nomatch" state=<<stateID>> text="show">
      <$button set=<<stateID>> setTo="show" class="mybutton" >
         {{$:/core/images/info-button}}
      </$button>
   </$reveal>
   <$reveal type="match" state=<<stateID>> text="show">
      <$button set=<<stateID>> setTo="hide" class="mybutton" >
         {{$:/core/images/info-button}}
      </$button>
<$list filter="[all[current]!is[system]!is[shadow]!tag[$:/tags/SideBar]!tag[Journal]!tag[$:/tags/ViewTemplate]!tag[$:/tags/Stylesheet]!tag[tweaks]!TheBrain[no]!has[page-cover]]">
<div class="rightside">

{{||Bottom Tabs for viewtemplate - without folding}}
</div>


<style>
[data-tiddler-title='{{!!title}}'] .tc-tiddler-body {
  border:1px solid transparent;
  width:50%;
}
[data-tiddler-title='{{!!title}}'] .rightside {
  border:1px solid transparent;
  width:50%;
  position: absolute;
  right:0;
	}
</style>
</$list>
</$reveal>

<style>
.mybutton {float:right}
.mybutton {margin-top: -25px}
</style>

And I use this code to maximise the focused tiddler in krystal using keyboard shortcut.

<$navigator story="$:/StoryList" history="$:/HistoryList">
<$action-sendmessage $message="tm-maximize" $param={{$:/HistoryList!!current-tiddler}}/>
</$navigator>

How to modify the code for the keyboard shortcut so that custom viewtemplate (sidetabs) is automatically revealed when a tiddler is maximised using the keyboard shortcut.

Here is a demo for reference.

1 Like