I have a tiddler named $:/_topsearch
<$set name="searchTiddler" value="$:/temp/search">
<$edit-text tiddler="$:/temp/search" type="search" tag="input"
focus={{$:/config/Search/AutoFocus}} focusPopup=<<qualify
"$:/state/popup/search-dropdown">> class="tc-popup-handle"/>
<$reveal state="$:/temp/search" type="nomatch" text="">
<$button tooltip={{$:/language/Buttons/AdvancedSearch/Hint}}
aria-label={{$:/language/Buttons/AdvancedSearch/Caption}}
class="tc-btn-invisible">
<$action-setfield $tiddler="$:/temp/advancedsearch"
text={{$:/temp/search}}/>
<$action-setfield $tiddler="$:/temp/search" text=""/>
<$action-navigate $to="$:/AdvancedSearch"/>
{{$:/core/images/advanced-search-button}}
</$button>
<$button class="tc-btn-invisible">
<$action-setfield $tiddler="$:/temp/search" text="" />
{{$:/core/images/close-button}}
</$button>
<$button popup=<<qualify "$:/state/popup/search-dropdown">>
class="tc-btn-invisible">
{{$:/core/images/down-arrow}}
<$list
filter="[{$:/temp/search}minlength{$:/config/Search/MinLength}limit[1]]"
variable="listItem">
<$set name="resultCount" value="""<$count
filter="[!is[system]search{$(searchTiddler)$}]"/>""">
{{$:/language/Search/Matches}}
</$set>
</$list>
</$button>
</$reveal>
<$reveal state="$:/temp/search" type="match" text="">
<$button to="$:/AdvancedSearch"
tooltip={{$:/language/Buttons/AdvancedSearch/Hint}}
aria-label={{$:/language/Buttons/AdvancedSearch/Caption}}
class="tc-btn-invisible">
{{$:/core/images/advanced-search-button}}
</$button>
</$reveal>
<$reveal tag="div" class="tc-block-dropdown-wrapper" state="$:/temp/search"
type="nomatch" text="">
<$reveal tag="div" class="tc-block-dropdown tc-search-drop-down
tc-popup-handle" state=<<qualify "$:/state/popup/search-dropdown">>
type="nomatch" text="" default="">
<$list
filter="[{$:/temp/search}minlength{$:/config/Search/MinLength}limit[1]]"
emptyMessage="""<div class="tc-search-results">
{{$:/language/Search/Search/TooShort}}</div>""" variable="listItem">
{{$:/core/ui/SearchResults}}
</$list>
</$reveal>
</$reveal>
</$set>
A tiddler called $:/_topbar tagged $:/tags/TopLeftBar
\define config-title()
$:/config/PageControlButtons/Visibility/$(listItem)$
\end
<$list filter=
"[all[shadows+tiddlers]tag[$:/tags/PageControls]!has[draft.of]]" variable=
"listItem">
<$reveal type="nomatch" state=<<config-title>> text="hide">
<$set name="tv-config-toolbar-class" filter="[<tv-config-toolbar-class>]
[<listItem>encodeuricomponent[]addprefix[tc-btn-]]">
<$transclude tiddler=<<listItem>> mode="inline"/>
</$set>
</$reveal>
</$list>
@@float:right;padding-left:200px; {{$:/_topsearch}}@@
And a style tiddler $:/_stylesheet tagged $:/tags/Stylesheet
.tc-sidebar-scrollable { top: -55px; }
.tc-sidebar-header .tc-site-title,
.tc-sidebar-header .tc-site-subtitle,
.tc-sidebar-header .tc-page-controls {display:none;
}
.tc-sidebar-lists .tc-search {display:none}
.tc-topbar-left {
margin-left: 0px;
margin-right: 2em;
}
html .tc-topbar svg {
height: 1.4em;
width: 1.4em;
}
It seems to work,
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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/c0fc9f9d-b42b-4079-92d1-6a2acff4340f%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
