mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-11-23 10:07:19 +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:
parent
9adb2874b7
commit
57b7692c97
@ -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}}
|
||||
|
||||
|
@ -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="">
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user