mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-08-28 20:12:41 +00:00
![Jermolene](/assets/img/avatar_default.png)
Firefox didn’t like the nested buttons. The better fix would be to switch the tag pills to being links instead of buttons. Fixes #515
49 lines
1.7 KiB
Plaintext
49 lines
1.7 KiB
Plaintext
title: $:/core/ui/EditTemplate/tags
|
|
tags: $:/tags/EditTemplate
|
|
|
|
\define lingo-base() $:/language/EditTemplate/
|
|
\define tag-styles()
|
|
background-color:$(backgroundColor)$;
|
|
\end
|
|
<div class="tw-edit-tags">
|
|
<$fieldmangler>
|
|
<$list filter="[all[current]tags[]sort[title]]" storyview="pop"><$set name="backgroundColor" value={{!!color}}><span style=<<tag-styles>> class="tw-tag-label">
|
|
<$view field="title" format="text" />
|
|
<$button message="tw-remove-tag" param={{!!title}} class="btn-invisible tw-remove-tag-button">×</$button></span>
|
|
</$set>
|
|
</$list>
|
|
|
|
<div class="tw-edit-add-tag">
|
|
<span class="tw-add-tag-name">
|
|
<$edit-text tiddler="$:/temp/NewTagName" tag="input" default="" placeholder={{$:/language/EditTemplate/Tags/Add/Placeholder}} focusPopup=<<qualify "$:/state/tagsAutoComplete">> class="tw-edit-texteditor"/>
|
|
</span> <$button popup=<<qualify "$:/state/tagsAutoComplete">> class="btn-invisible btn-dropdown">{{$:/core/images/down-arrow}}</$button> <span class="tw-add-tag-button">
|
|
<$button message="tw-add-tag" param={{$:/temp/NewTagName}} set="$:/temp/NewTagName" setTo="" class="">
|
|
<<lingo Tags/Add/Button>>
|
|
</$button>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="tw-block-dropdown-wrapper">
|
|
|
|
<$reveal state=<<qualify "$:/state/tagsAutoComplete">> type="nomatch" text="" default="">
|
|
|
|
<div class="tw-block-dropdown">
|
|
|
|
<$linkcatcher set="$:/temp/NewTagName" setTo="" message="tw-add-tag">
|
|
<$list filter="[!is[shadow]tags[]search{$:/temp/NewTagName}sort[title]]">
|
|
<$link>
|
|
<$set name="backgroundColor" value={{!!color}}>
|
|
<span style=<<tag-styles>> class="tw-tag-label">
|
|
<$view field="title" format="text"/>
|
|
</span>
|
|
</$set>
|
|
</$link>
|
|
</$list>
|
|
</$linkcatcher>
|
|
|
|
</div>
|
|
|
|
</$reveal>
|
|
</div>
|
|
</$fieldmangler>
|
|
</div> |