mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2025-01-11 18:00:26 +00:00
Use SVG icons for expand/collapse
This commit is contained in:
parent
911a64221a
commit
f15eba66fe
4
core/images/right-arrow.tid
Normal file
4
core/images/right-arrow.tid
Normal file
@ -0,0 +1,4 @@
|
||||
title: $:/core/images/right-arrow
|
||||
tags: $:/tags/Image
|
||||
|
||||
<svg class="tw-image-right-arrow tw-image-button" width="22pt" height="22pt" viewBox="0 0 128 128"><path d="M72.7982405,98.6541105 L127.184015,43.9832042 C130.938662,40.2089635 130.938662,34.0896964 127.184015,30.3154557 C123.429583,26.5412364 117.342116,26.5412364 113.587684,30.3154557 L66.0000107,78.152522 L18.4123803,30.3154557 C14.6578195,26.5412364 8.57048132,26.5412364 4.81592057,30.3154557 C1.06135981,34.0896964 1.06135981,40.2089635 4.81592057,43.9832042 L59.2017595,98.6541105 C62.9563202,102.428351 69.0436798,102.428351 72.7982405,98.6541126 L72.7982405,98.6541105 Z" transform="translate(66.000000, 64.484791) rotate(-90.000000) translate(-66.000000, -64.484791) "/></svg>
|
@ -5,11 +5,11 @@ caption: {{$:/language/SideBar/Contents/Caption}}
|
||||
|
||||
\define toc-heading(caption,body)
|
||||
<$reveal type="nomatch" state=<<qualify "$:/state/toc/$caption$">> text="show">
|
||||
<$button set=<<qualify "$:/state/toc/$caption$">> setTo="show" class="btn-invisible">▹ $caption$
|
||||
<$button set=<<qualify "$:/state/toc/$caption$">> setTo="show" class="btn-invisible">{{$:/core/images/right-arrow}} $caption$
|
||||
</$button>
|
||||
</$reveal>
|
||||
<$reveal type="match" state=<<qualify "$:/state/toc/$caption$">> text="show">
|
||||
<$button set=<<qualify "$:/state/toc/$caption$">> setTo="hide" class="btn-invisible">▿ $caption$
|
||||
<$button set=<<qualify "$:/state/toc/$caption$">> setTo="hide" class="btn-invisible">{{$:/core/images/down-arrow}} $caption$
|
||||
</$button>
|
||||
</$reveal>
|
||||
<$reveal type="match" state=<<qualify "$:/state/toc/$caption$">> text="show" retain="yes" animate="yes">
|
||||
|
@ -358,6 +358,7 @@ a.tw-tiddlylink-external:hover {
|
||||
|
||||
.sidebar-header {
|
||||
color: <<colour sidebar-foreground>>;
|
||||
fill: <<colour sidebar-foreground>>;
|
||||
}
|
||||
|
||||
.sidebar-header .title a.tw-tiddlylink-resolves {
|
||||
@ -1243,6 +1244,12 @@ canvas.tw-edit-bitmapeditor {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.tw-table-of-contents svg {
|
||||
width: 0.7em;
|
||||
height: 0.7em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.tw-table-of-contents ol {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
|
Loading…
Reference in New Issue
Block a user