Add "sticky" mode for tiddler info panel

A new option in control panel to cause the info panel to stay open
until it is explicitly closed

core/language/en-GB/ControlPanel.multids

@@ -103,6 +103,10 @@ Settings/Caption: Settings
 Settings/EditorToolbar/Caption: Editor Toolbar
 Settings/EditorToolbar/Hint: Enable or disable the editor toolbar:
 Settings/EditorToolbar/Description: Show editor toolbar
+Settings/InfoPanelMode/Caption: Tiddler Info Panel Mode
+Settings/InfoPanelMode/Hint: Control when the tiddler info panel closes:
+Settings/InfoPanelMode/Popup/Description: Tiddler info panel closes automatically
+Settings/InfoPanelMode/Sticky/Description: Tiddler info panel stays open until explicitly closed
 Settings/Hint: These settings let you customise the behaviour of TiddlyWiki.
 Settings/NavigationAddressBar/Caption: Navigation Address Bar
 Settings/NavigationAddressBar/Hint: Behaviour of the browser address bar when navigating to a tiddler:

core/ui/ControlPanel/Settings/InfoPanelMode.tid

@@ -0,0 +1,10 @@
+title: $:/core/ui/ControlPanel/Settings/InfoPanelMode
+tags: $:/tags/ControlPanel/Settings
+caption: {{$:/language/ControlPanel/Settings/InfoPanelMode/Caption}}
+
+\define lingo-base() $:/language/ControlPanel/Settings/InfoPanelMode/
+<$link to="$:/config/TiddlerInfo/Mode"><<lingo Hint>></$link>
+
+<$radio tiddler="$:/config/TiddlerInfo/Mode" value="popup"> <<lingo Popup/Description>> </$radio>
+
+<$radio tiddler="$:/config/TiddlerInfo/Mode" value="sticky"> <<lingo Sticky/Description>> </$radio>

core/ui/TiddlerInfo.tid

@@ -1,3 +1,13 @@
 title: $:/core/ui/TiddlerInfo
 
+<div style="position:relative;">
+<div class="tc-tiddler-controls" style="position:absolute;right:0;">
+<$reveal state="$:/config/TiddlerInfo/Mode" type="match" text="sticky">
+<$button set=<<tiddlerInfoState>> setTo="" tooltip={{$:/language/Buttons/Info/Hint}} aria-label={{$:/language/Buttons/Info/Caption}} class="tc-btn-invisible">
+{{$:/core/images/close-button}}
+</$button>
+</$reveal>
+</div>
+</div>
+
 <$macrocall $name="tabs" tabsList="[all[shadows+tiddlers]tag[$:/tags/TiddlerInfo]!has[draft.of]]" default={{$:/config/TiddlerInfo/Default}}/>

core/ui/ViewToolbar/info.tid

@@ -3,11 +3,28 @@ tags: $:/tags/ViewToolbar
 caption: {{$:/core/images/info-button}} {{$:/language/Buttons/Info/Caption}}
 description: {{$:/language/Buttons/Info/Hint}}
 
-<$button popup=<<tiddlerInfoState>> tooltip={{$:/language/Buttons/Info/Hint}} aria-label={{$:/language/Buttons/Info/Caption}} class=<<tv-config-toolbar-class>> selectedClass="tc-selected">
+\define button-content()
 <$list filter="[<tv-config-toolbar-icons>prefix[yes]]">
 {{$:/core/images/info-button}}
 </$list>
 <$list filter="[<tv-config-toolbar-text>prefix[yes]]">
 <span class="tc-btn-text"><$text text={{$:/language/Buttons/Info/Caption}}/></span>
 </$list>
-</$button>
+\end
+<$reveal state="$:/config/TiddlerInfo/Mode" type="match" text="popup">
+<$button popup=<<tiddlerInfoState>> tooltip={{$:/language/Buttons/Info/Hint}} aria-label={{$:/language/Buttons/Info/Caption}} class=<<tv-config-toolbar-class>> selectedClass="tc-selected">
+<$macrocall $name="button-content" mode="inline"/>
+</$button>
+</$reveal>
+<$reveal state="$:/config/TiddlerInfo/Mode" type="match" text="sticky">
+<$reveal state=<<tiddlerInfoState>> type="match" text="" default="">
+<$button set=<<tiddlerInfoState>> setTo="yes" tooltip={{$:/language/Buttons/Info/Hint}} aria-label={{$:/language/Buttons/Info/Caption}} class=<<tv-config-toolbar-class>> selectedClass="tc-selected">
+<$macrocall $name="button-content" mode="inline"/>
+</$button>
+</$reveal>
+<$reveal state=<<tiddlerInfoState>> type="nomatch" text="" default="">
+<$button set=<<tiddlerInfoState>> setTo="" tooltip={{$:/language/Buttons/Info/Hint}} aria-label={{$:/language/Buttons/Info/Caption}} class=<<tv-config-toolbar-class>> selectedClass="tc-selected">
+<$macrocall $name="button-content" mode="inline"/>
+</$button>
+</$reveal>
+</$reveal>

core/wiki/config/TiddlerInfoMode.tid

@@ -0,0 +1,2 @@
+title: $:/config/TiddlerInfo/Mode
+text: popup