make core/ui/MoreSideBar/Tags look nice in the story river (#7212)

This commit is contained in:
Mario Pietsch 2023-01-17 15:57:49 +01:00 committed by GitHub
parent 8f7441f296
commit e41511c652
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 26 deletions

View File

@ -2,26 +2,17 @@ title: $:/core/ui/MoreSideBar/Tags
tags: $:/tags/MoreSideBar tags: $:/tags/MoreSideBar
caption: {{$:/language/SideBar/Tags/Caption}} caption: {{$:/language/SideBar/Tags/Caption}}
<$set name="tv-config-toolbar-icons" value="yes"> \whitespace trim
<$set name="tv-config-toolbar-text" value="yes">
<$set name="tv-config-toolbar-class" value="">
{{$:/core/ui/Buttons/tag-manager}}
</$set>
</$set>
</$set>
<$let tv-config-toolbar-icons="yes" tv-config-toolbar-text="yes" tv-config-toolbar-class="">
<div class="tc-tiny-v-gap-bottom">
{{$:/core/ui/Buttons/tag-manager}}
</div>
</$let>
<$list filter={{$:/core/Filters/AllTags!!filter}}> <$list filter={{$:/core/Filters/AllTags!!filter}}>
<div class="tc-tiny-v-gap-bottom">
<$transclude tiddler="$:/core/ui/TagTemplate"/> <$transclude tiddler="$:/core/ui/TagTemplate"/>
</div>
</$list> </$list>
<hr class="tc-untagged-separator"> <hr class="tc-untagged-separator">
{{$:/core/ui/UntaggedTemplate}} {{$:/core/ui/UntaggedTemplate}}

View File

@ -3,10 +3,8 @@ title: $:/core/ui/UntaggedTemplate
\define lingo-base() $:/language/SideBar/ \define lingo-base() $:/language/SideBar/
\whitespace trim \whitespace trim
<$button popup=<<qualify "$:/state/popup/tag">> class="tc-btn-invisible tc-untagged-label tc-tag-label"> <$button popup=<<qualify "$:/state/popup/tag">> class="tc-btn-invisible tc-untagged-label tc-tag-label">
<<lingo Tags/Untagged/Caption>> <<lingo Tags/Untagged/Caption>>
</$button> </$button>
<$reveal state=<<qualify "$:/state/popup/tag">> type="popup" position="below"> <$reveal class="tc-drop-down" tag="div" state=<<qualify "$:/state/popup/tag">> type="popup" position="below">
<div class="tc-drop-down"> <$list filter="[untagged[]!is[system]] -[tags[]] +[sort[title]]" template="$:/core/ui/ListItemTemplate"/>
<$list filter="[untagged[]!is[system]] -[tags[]] +[sort[title]]" template="$:/core/ui/ListItemTemplate"/>
</div>
</$reveal> </$reveal>

View File

@ -814,9 +814,6 @@ button.tc-tag-label, span.tc-tag-label {
} }
.tc-untagged-separator { .tc-untagged-separator {
width: 10em;
left: 0;
margin-left: 0;
border: 0; border: 0;
height: 1px; height: 1px;
background: <<colour tab-divider>>; background: <<colour tab-divider>>;
@ -3137,6 +3134,8 @@ select {
** Other utility classes ** Other utility classes
*/ */
/* Horizontal gaps */
.tc-tiny-gap { .tc-tiny-gap {
margin-left: .25em; margin-left: .25em;
margin-right: .25em; margin-right: .25em;
@ -3179,3 +3178,9 @@ select {
.tc-word-break { .tc-word-break {
word-break: break-all; word-break: break-all;
} }
/* Vertical gaps */
.tc-tiny-v-gap-bottom {
margin-bottom: 3px;
}