1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2026-01-01 21:19:05 +00:00

Full width buttons are easier to click

This commit is contained in:
Jeremy Ruston
2025-04-21 12:26:56 +01:00
parent 210311eccf
commit b4e48bb2b1
2 changed files with 8 additions and 2 deletions

View File

@@ -17,7 +17,7 @@ tags: $:/tags/Macro
stateScroll={{{ [<state>addsuffix[scroll]] }}}
>
<div class="tc-box-header">
<$button class="tc-btn-invisible" style.fill="inherit">
<$button class="tc-btn-invisible tc-box-content-full-width-button" style.fill="inherit">
<%if [<folded>match[yes]] %>
<$action-setfield $tiddler=<<stateFolded>> text="no"/>
<%else%>
@@ -45,7 +45,7 @@ tags: $:/tags/Macro
</$list>
<%if [<jsonList>jsonindexes[]count[]compare:number:gt<maxRows>] %>
<div class="tc-box-content-list-more">
<$button class="tc-btn-invisible" style.fill="inherit">
<$button class="tc-btn-invisible tc-box-content-full-width-button" style.fill="inherit">
<$action-setfield $tiddler=<<stateMaxRows>> text={{{ [<maxRows>add[10]] }}}/>
{{$:/core/images/chevron-down}}
<$text text="more"/>

View File

@@ -62,6 +62,12 @@ tags: $:/tags/Stylesheet
padding: 0.25em;
}
.tc-box-content-full-width-button {
display: block;
width: 100%;
text-align: left;
}
.tc-box-content-list-more,
.tc-box-content-list-more .tc-btn-invisible {
color: var(--box-background-color);