mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2025-01-11 18:00:26 +00:00
Make manager sections be expandable
This commit is contained in:
parent
251619189e
commit
f67777161d
@ -18,6 +18,26 @@ color: #bbb
|
||||
/>
|
||||
\end
|
||||
|
||||
\define list-item-content-item()
|
||||
<div class="tc-manager-list-item-content-item">
|
||||
<$vars state-title=<<qualify "$:/state/popup/manager/item/$(listItem)$">>>
|
||||
<$reveal state=<<state-title>> type="match" text="show" default="show" tag="div">
|
||||
<$button set=<<state-title>> setTo="hide" class="tc-btn-invisible tc-manager-list-item-content-item-heading">
|
||||
{{$:/core/images/down-arrow}} <$transclude tiddler=<<listItem>> field="caption"/>
|
||||
</$button>
|
||||
</$reveal>
|
||||
<$reveal state=<<state-title>> type="nomatch" text="show" default="show" tag="div">
|
||||
<$button set=<<state-title>> setTo="show" class="tc-btn-invisible tc-manager-list-item-content-item-heading">
|
||||
{{$:/core/images/right-arrow}} <$transclude tiddler=<<listItem>> field="caption"/>
|
||||
</$button>
|
||||
</$reveal>
|
||||
<$reveal state=<<state-title>> type="match" text="show" default="show" tag="div" class="tc-manager-list-item-content-item-body">
|
||||
<$transclude tiddler=<<listItem>>/>
|
||||
</$reveal>
|
||||
</$vars>
|
||||
</div>
|
||||
\end
|
||||
|
||||
<div class="tc-manager-wrapper">
|
||||
<div class="tc-manager-controls">
|
||||
<div class="tc-manager-control">
|
||||
@ -79,43 +99,13 @@ color: #bbb
|
||||
</$button>
|
||||
<$reveal state=<<qualify "$:/state/manager/popup">> type="nomatch" text="" default="" tag="div" class="tc-manager-list-item-content tc-popup-handle">
|
||||
<div class="tc-manager-list-item-content-tiddler">
|
||||
<$reveal state="$:/config/Manager/View" type="nomatch" text="plain" tag="div" class="tc-manager-list-item-content-tiddler-item">
|
||||
<div class="tc-manager-list-item-content-item-heading">
|
||||
Wikified text
|
||||
</div>
|
||||
<div class="tc-manager-list-item-content-item-body">
|
||||
<$transclude mode="block"/>
|
||||
</div>
|
||||
</$reveal>
|
||||
<$reveal state="$:/config/Manager/View" type="match" text="plain" tag="div" class="tc-manager-list-item-content-tiddler-item">
|
||||
<div class="tc-manager-list-item-content-item-heading">
|
||||
Raw text
|
||||
</div>
|
||||
<div class="tc-manager-list-item-content-item-body">
|
||||
<pre><code><$view/></code></pre>
|
||||
</div>
|
||||
</$reveal>
|
||||
<div class="tc-manager-list-item-content-tiddler-item">
|
||||
<div class="tc-manager-list-item-content-item-heading">
|
||||
Fields
|
||||
</div>
|
||||
<table class="tc-manager-list-item-content-item-body tc-manager-list-item-content-item-body-table">
|
||||
<tbody>
|
||||
<$list filter="[all[current]fields[]sort[title]] -text" template="$:/core/ui/TiddlerFieldTemplate" variable="listItem"/>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<$list filter="[all[shadows+tiddlers]tag[$:/tags/Manager/ItemMain]!has[draft.of]]" variable="listItem">
|
||||
<<list-item-content-item>>
|
||||
</$list>
|
||||
</div>
|
||||
<div class="tc-manager-list-item-content-sidebar">
|
||||
<$list filter="[all[shadows+tiddlers]tag[$:/tags/Manager/ItemSidebar]!has[draft.of]]" variable="listItem">
|
||||
<div class="tc-manager-list-item-content-sidebar-item">
|
||||
<div class="tc-manager-list-item-content-item-heading">
|
||||
<$transclude tiddler=<<listItem>> field="caption"/>
|
||||
</div>
|
||||
<div class="tc-manager-list-item-content-item-body">
|
||||
<$transclude tiddler=<<listItem>>/>
|
||||
</div>
|
||||
</div>
|
||||
<<list-item-content-item>>
|
||||
</$list>
|
||||
</div>
|
||||
</$reveal>
|
||||
|
9
core/ui/Manager/ItemMainFields.tid
Normal file
9
core/ui/Manager/ItemMainFields.tid
Normal file
@ -0,0 +1,9 @@
|
||||
title: $:/Manager/ItemMain/Fields
|
||||
tags: $:/tags/Manager/ItemMain
|
||||
caption: Fields
|
||||
|
||||
<table>
|
||||
<tbody>
|
||||
<$list filter="[all[current]fields[]sort[title]] -text" template="$:/core/ui/TiddlerFieldTemplate" variable="listItem"/>
|
||||
</tbody>
|
||||
</table>
|
5
core/ui/Manager/ItemMainRawText.tid
Normal file
5
core/ui/Manager/ItemMainRawText.tid
Normal file
@ -0,0 +1,5 @@
|
||||
title: $:/Manager/ItemMain/RawText
|
||||
tags: $:/tags/Manager/ItemMain
|
||||
caption: Raw text
|
||||
|
||||
<pre><code><$view/></code></pre>
|
5
core/ui/Manager/ItemMainWikifiedText.tid
Normal file
5
core/ui/Manager/ItemMainWikifiedText.tid
Normal file
@ -0,0 +1,5 @@
|
||||
title: $:/Manager/ItemMain/WikifiedText
|
||||
tags: $:/tags/Manager/ItemMain
|
||||
caption: Wikified text
|
||||
|
||||
<$transclude mode="block"/>
|
2
core/wiki/tags/ManagerItemMain.tid
Normal file
2
core/wiki/tags/ManagerItemMain.tid
Normal file
@ -0,0 +1,2 @@
|
||||
title: $:/tags/Manager/ItemMain
|
||||
list: $:/Manager/ItemMain/WikifiedText $:/Manager/ItemMain/RawText $:/Manager/ItemMain/Fields
|
@ -1790,10 +1790,14 @@ html body.tc-body.tc-single-tiddler-window {
|
||||
}
|
||||
|
||||
.tc-manager-list-item-content-item-heading {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
background: <<colour muted-foreground>>;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.6em;
|
||||
font-weight: bold;
|
||||
font-weight: bold;
|
||||
padding: 0.5em 0 0.5em 0;
|
||||
}
|
||||
|
||||
.tc-manager-list-item-content-item-body {
|
||||
@ -1813,13 +1817,13 @@ html body.tc-body.tc-single-tiddler-window {
|
||||
border-bottom: 0.5em solid <<colour muted-foreground>>;
|
||||
}
|
||||
|
||||
.tc-manager-list-item-content-item-body.tc-manager-list-item-content-item-body-table {
|
||||
.tc-manager-list-item-content-item-body > table {
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.tc-manager-list-item-content-item-body.tc-manager-list-item-content-item-body-table td {
|
||||
.tc-manager-list-item-content-item-body > table td {
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user