mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-06-24 22:33:16 +00:00
Make manager sections be expandable
This commit is contained in:
parent
251619189e
commit
f67777161d
|
@ -18,6 +18,26 @@ color: #bbb
|
||||||
/>
|
/>
|
||||||
\end
|
\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-wrapper">
|
||||||
<div class="tc-manager-controls">
|
<div class="tc-manager-controls">
|
||||||
<div class="tc-manager-control">
|
<div class="tc-manager-control">
|
||||||
|
@ -79,43 +99,13 @@ color: #bbb
|
||||||
</$button>
|
</$button>
|
||||||
<$reveal state=<<qualify "$:/state/manager/popup">> type="nomatch" text="" default="" tag="div" class="tc-manager-list-item-content tc-popup-handle">
|
<$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">
|
<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">
|
<$list filter="[all[shadows+tiddlers]tag[$:/tags/Manager/ItemMain]!has[draft.of]]" variable="listItem">
|
||||||
<div class="tc-manager-list-item-content-item-heading">
|
<<list-item-content-item>>
|
||||||
Wikified text
|
</$list>
|
||||||
</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>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="tc-manager-list-item-content-sidebar">
|
<div class="tc-manager-list-item-content-sidebar">
|
||||||
<$list filter="[all[shadows+tiddlers]tag[$:/tags/Manager/ItemSidebar]!has[draft.of]]" variable="listItem">
|
<$list filter="[all[shadows+tiddlers]tag[$:/tags/Manager/ItemSidebar]!has[draft.of]]" variable="listItem">
|
||||||
<div class="tc-manager-list-item-content-sidebar-item">
|
<<list-item-content-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>
|
</$list>
|
||||||
</div>
|
</div>
|
||||||
</$reveal>
|
</$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 {
|
.tc-manager-list-item-content-item-heading {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
text-align: left;
|
||||||
background: <<colour muted-foreground>>;
|
background: <<colour muted-foreground>>;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
padding: 0.5em 0 0.5em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tc-manager-list-item-content-item-body {
|
.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>>;
|
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;
|
border: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 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;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user