1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-06-26 07:13:15 +00:00

Sidebar layout tweaks

Including add a clear button to the search box, which is another use of
the linkcatcher widget
This commit is contained in:
Jeremy Ruston 2013-05-01 16:56:34 +01:00
parent 9adb2874b7
commit 57b7692c97
3 changed files with 16 additions and 5 deletions

View File

@ -8,7 +8,7 @@ title: $:/templates/PageTemplate
<!-- The sidebar header -->
<header class="sidebar-header">
{{SiteTitle}}.title <br><small>{{SiteSubtitle}}</small><br><br>
{{SiteTitle}}.title <br><small>{{SiteSubtitle}}</small>
{{$:/templates/SideBar}}

View File

@ -3,9 +3,12 @@ title: $:/templates/SideBar
<!-- The implementation of tabs here is currently a bit unreadable -->
<div class="tw-sidebar-lists">
@@.search-query
<$edit tiddler="$:/temp/search" type="search" requireFocus="yes"/>
@@
<$linkcatcher to="$:/temp/search">
<div class="tw-search"><$edit tiddler="$:/temp/search" type="search" requireFocus="yes"/><$reveal state="$:/temp/search" type="nomatch" text=""> <$link to="" class="btn-invisible">{{$:/core/images/close-button.svg}}</$link></$reveal></div>
</$linkcatcher>
<$reveal state="$:/temp/search" type="nomatch" text="">

View File

@ -239,15 +239,23 @@ a.tw-tiddlylink-missing {
text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
}
.sidebar-header .tw-tab-set p {
.sidebar-header .tw-sidebar-lists p {
margin-top: 0.2em;
margin-bottom: 0.2em;
}
.tw-search a img {
height: 0.75em;
}
.tw-search-results {
padding-top: 1em;
}
.tw-page-controls .tw-button img {
height: 1em;
}
.tw-menu-list-item {
white-space: nowrap;
}