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:
@@ -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"/>
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user