1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-04-21 18:23:13 +00:00

Improve positioning of the list "more" button

This commit is contained in:
Jeremy Ruston 2025-04-07 18:51:31 +01:00
parent 845b4ba3b5
commit c8f17511f9
2 changed files with 20 additions and 4 deletions

View File

@ -44,10 +44,13 @@ tags: $:/tags/Macro
</$list-empty>
</$list>
<%if [<jsonList>jsonindexes[]count[]compare:number:gt<maxRows>] %>
<$button class="tc-btn-invisible" style.fill="inherit">
<$action-setfield $tiddler=<<stateMaxRows>> text={{{ [<maxRows>add[10]] }}}/>
{{$:/core/images/chevron-down}}
</$button>
<div class="tc-box-content-list-more">
<$button class="tc-btn-invisible" style.fill="inherit">
<$action-setfield $tiddler=<<stateMaxRows>> text={{{ [<maxRows>add[10]] }}}/>
{{$:/core/images/chevron-down}}
<$text text="more"/>
</$button>
</div>
<%endif%>
</div>
</$scrollable>

View File

@ -3543,6 +3543,19 @@ span.tc-translink > a:first-child {
padding: 0.25em;
}
.tc-box-content-list-more {
font-size: 0.7em;
line-height: 1.1;
padding: 0.25em;
}
.tc-box-content-list-more,
.tc-box-content-list-more .tc-btn-invisible {
color: var(--box-background-color);
fill: var(--box-background-color);
background-color: var(--box-foreground-color);
}
.tc-box-content-list-item:nth-child(even) {
background: rgb(255, 255, 255, 0.5);
}