1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-23 10:07:19 +00:00

Make the tiddler info slider animate open and closed

This commit is contained in:
Jeremy Ruston 2013-05-28 16:28:59 +01:00
parent 5cdcadd8b2
commit c7fe9b747a
3 changed files with 4 additions and 3 deletions

View File

@ -1,6 +1,6 @@
title: $:/templates/TiddlerInfo
<div class="tw-tiddler-info"><div class="tw-tab-set"><div class="tw-tab-buttons"><$button type="set" set="$:/state/tiddlerDropDownTabSet" setTo="refTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">References</$button><$button type="set" set="$:/state/tiddlerDropDownTabSet" setTo="taggingTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">Tagging</$button><$button type="set" set="$:/state/tiddlerDropDownTabSet" setTo="fieldsTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">Fields</$button></div>
<div class="tw-tab-set"><div class="tw-tab-buttons"><$button type="set" set="$:/state/tiddlerDropDownTabSet" setTo="refTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">References</$button><$button type="set" set="$:/state/tiddlerDropDownTabSet" setTo="taggingTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">Tagging</$button><$button type="set" set="$:/state/tiddlerDropDownTabSet" setTo="fieldsTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">Fields</$button></div>
<div class="tw-tab-divider">
</div>
<div class="tw-tab-content">
@ -15,4 +15,4 @@ title: $:/templates/TiddlerInfo
<$fieldgrid />
</$reveal>
</div>
</div></div>
</div>

View File

@ -5,7 +5,7 @@ modifier: JeremyRuston
</span><$view field="title"/></span>
<$reveal type="nomatch" text="" default="" state="$:/state/tiddlerInfo" qualifyTiddlerTitles="yes">
<$reveal type="nomatch" text="" default="" state="$:/state/tiddlerInfo" qualifyTiddlerTitles="yes" class="tw-tiddler-info">
<$transclude template="$:/templates/TiddlerInfo"/>

View File

@ -346,6 +346,7 @@ a.tw-tiddlylink-missing {
}
.tw-tiddler-info {
overflow: hidden;
padding: 1em 3em 1em 3em;
background-color: #f8f8f8;
border-top: 1px solid #ddd;