Use SVG icons for expand/collapse

print-window-tiddler
Jermolene 2014-06-21 11:49:42 +01:00
rodzic 911a64221a
commit f15eba66fe
3 zmienionych plików z 13 dodań i 2 usunięć

Wyświetl plik

@ -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>

Wyświetl plik

@ -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">

Wyświetl plik

@ -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;