From b641cb402d320f54c6e1627d70310eb69a1b788f Mon Sep 17 00:00:00 2001
From: Jermolene <jeremy@jermolene.com>
Date: Fri, 18 Sep 2015 17:29:52 +0100
Subject: [PATCH] Add banner for unfolding tiddlers

---
 core/ui/ViewTemplate/unfold.tid    |  9 +++++++++
 core/ui/ViewToolbar/fold.tid       |  4 ----
 core/wiki/tags/ViewTemplate.tid    |  2 +-
 themes/tiddlywiki/vanilla/base.tid | 24 ++++++++++++++++++++++++
 4 files changed, 34 insertions(+), 5 deletions(-)
 create mode 100644 core/ui/ViewTemplate/unfold.tid

diff --git a/core/ui/ViewTemplate/unfold.tid b/core/ui/ViewTemplate/unfold.tid
new file mode 100644
index 000000000..331ec45ae
--- /dev/null
+++ b/core/ui/ViewTemplate/unfold.tid
@@ -0,0 +1,9 @@
+title: $:/core/ui/ViewTemplate/unfold
+tags: $:/tags/ViewTemplate
+
+<$reveal tag="div" class="tc-tiddler-body" type="nomatch" state=<<folded-state>> text="show" default="show" retain="yes" animate="yes">
+<$button tooltip={{$:/language/Buttons/Unfold/Hint}} aria-label={{$:/language/Buttons/Unfold/Caption}} class="tc-unfold-banner">
+<$action-sendmessage $message="tm-fold-tiddler" $param=<<currentTiddler>> foldedState=<<folded-state>>/>
+{{$:/core/images/chevron-down}}
+</$button>
+</$reveal>
diff --git a/core/ui/ViewToolbar/fold.tid b/core/ui/ViewToolbar/fold.tid
index f86bb0dd1..aa6e384fd 100644
--- a/core/ui/ViewToolbar/fold.tid
+++ b/core/ui/ViewToolbar/fold.tid
@@ -3,10 +3,6 @@ tags: $:/tags/ViewToolbar
 caption: {{$:/core/images/fold-button}} {{$:/language/Buttons/Fold/Caption}}
 description: {{$:/language/Buttons/Fold/Hint}}
 
-\define folded-state()
-$:/state/folded/$(currentTiddler)$
-\end
-
 <$reveal type="nomatch" state=<<folded-state>> text="hide" default="show">
 <$button tooltip={{$:/language/Buttons/Fold/Hint}} aria-label={{$:/language/Buttons/Fold/Caption}} class=<<tv-config-toolbar-class>>>
 <$action-sendmessage $message="tm-fold-tiddler" $param=<<currentTiddler>> foldedState=<<folded-state>>/>
diff --git a/core/wiki/tags/ViewTemplate.tid b/core/wiki/tags/ViewTemplate.tid
index b7ccfcefc..c89951b72 100644
--- a/core/wiki/tags/ViewTemplate.tid
+++ b/core/wiki/tags/ViewTemplate.tid
@@ -1,2 +1,2 @@
 title: $:/tags/ViewTemplate
-list: [[$:/core/ui/ViewTemplate/title]] [[$:/core/ui/ViewTemplate/subtitle]] [[$:/core/ui/ViewTemplate/tags]] [[$:/core/ui/ViewTemplate/classic]] [[$:/core/ui/ViewTemplate/body]] 
+list: [[$:/core/ui/ViewTemplate/title]] [[$:/core/ui/ViewTemplate/subtitle]] [[$:/core/ui/ViewTemplate/tags]] [[$:/core/ui/ViewTemplate/classic]] [[$:/core/ui/ViewTemplate/body]] [[$:/core/ui/ViewTemplate/unfold]]
diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid
index 31b48e652..e6c6c334a 100644
--- a/themes/tiddlywiki/vanilla/base.tid
+++ b/themes/tiddlywiki/vanilla/base.tid
@@ -434,6 +434,30 @@ button svg.tc-image-button, button .tc-image-button img {
 	width: 1em;
 }
 
+.tc-unfold-banner {
+	padding: 0;
+	margin: 0;
+	background: none;
+	border: none;
+	width: 100%;
+	text-align: center;
+	border-top: 2px solid <<colour tiddler-controls-foreground>>;
+	margin-top: 8px;
+}
+
+.tc-unfold-banner:hover {
+	background: <<colour tiddler-info-background>>;
+}
+
+.tc-unfold-banner svg {
+	height: 0.75em;
+	fill: <<colour tiddler-controls-foreground>>;
+}
+
+.tc-unfold-banner:hover svg {
+	fill: <<colour tiddler-controls-foreground-hover>>;
+}
+
 /*
 ** Tags and missing tiddlers
 */