1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-08-07 14:23:53 +00:00

Better organisation for the tag image dropdown

This commit is contained in:
Jermolene 2014-08-09 20:50:28 +01:00
parent f6d7d87a3d
commit e74a598aeb
2 changed files with 16 additions and 5 deletions

View File

@ -1,17 +1,27 @@
title: $:/TagManager title: $:/TagManager
\define lingo-base() $:/language/TagManager/ \define lingo-base() $:/language/TagManager/
\define iconEditorTab(type)
<$list filter="[all[shadows+tiddlers]is[image]] [all[shadows+tiddlers]tag[$:/tags/Image]] -[type[application/pdf]] +[sort[title]] +[$type$is[system]]">
<$link to={{!!title}}>
<$transclude/> <$view field="title"/>
</$link>
</$list>
\end
\define iconEditor(title) \define iconEditor(title)
<div class="tw-drop-down-wrapper"> <div class="tw-drop-down-wrapper">
<$edit-text field="icon" tag="input" size="20"/> <$button popup=<<qualify "$:/state/popup/icon/$title$">> class="btn-invisible btn-dropdown">{{$:/core/images/down-arrow}}</$button> <$edit-text field="icon" tag="input" size="20"/> <$button popup=<<qualify "$:/state/popup/icon/$title$">> class="btn-invisible btn-dropdown">{{$:/core/images/down-arrow}}</$button>
<$reveal state=<<qualify "$:/state/popup/icon/$title$">> type="popup" position="belowleft" text="" default=""> <$reveal state=<<qualify "$:/state/popup/icon/$title$">> type="popup" position="belowleft" text="" default="">
<div class="tw-drop-down"> <div class="tw-drop-down">
<$linkcatcher to="$title$!!icon"> <$linkcatcher to="$title$!!icon">
<$list filter="[all[shadows+tiddlers]is[image]] [all[shadows+tiddlers]tag[$:/tags/Image]] -[type[application/pdf]] +[sort[title]]"> <div class="tw-dropdown-item">
<$link to={{!!title}}> Images
<$transclude/> <$view field="title"/> </div>
</$link> <<iconEditorTab type:"!">>
</$list> <div class="tw-dropdown-item">
System Images
</div>
<<iconEditorTab type:"">>
</$linkcatcher> </$linkcatcher>
</div> </div>
</$reveal> </$reveal>

View File

@ -952,6 +952,7 @@ canvas.tw-edit-bitmapeditor {
padding: 4px 14px 4px 14px; padding: 4px 14px 4px 14px;
} }
.tw-drop-down .tw-dropdown-item,
.tw-block-dropdown .tw-dropdown-item { .tw-block-dropdown .tw-dropdown-item {
padding: 4px 14px 4px 7px; padding: 4px 14px 4px 7px;
color: <<colour muted-foreground>>; color: <<colour muted-foreground>>;