diff --git a/core/wiki/macros/inspect-filter.tid b/core/wiki/macros/inspect-filter.tid index 039a71ddd..709257946 100644 --- a/core/wiki/macros/inspect-filter.tid +++ b/core/wiki/macros/inspect-filter.tid @@ -9,11 +9,12 @@ tags: $:/tags/Macro >
>> <$let - state=<> + state=<> stateFolded={{{ [addsuffix[folded]] }}} folded={{{ [get[text]else[no]match[yes]] }}} stateMaxRows={{{ [addsuffix[max-rows]] }}} maxRows={{{ [get[text]!match[]else[10]] }}} + stateScroll={{{ [addsuffix[scroll]] }}} >
<$button class="tc-btn-invisible" style.fill="inherit"> @@ -28,26 +29,28 @@ tags: $:/tags/Macro
<%if [!match[yes]] %>
-
- <$list filter="[jsonindexes[]nsort[]limit]" variable="indexList"> - <$list-template> -
- <$text text={{{ [jsonget] }}} /> -
- - <$list-empty> -
- (No items) -
- - - <%if [jsonindexes[]count[]compare:number:gt] %> - <$button class="tc-btn-invisible" style.fill="inherit"> - <$action-setfield $tiddler=<> text={{{ [add[10]] }}}/> - {{$:/core/images/chevron-down}} - - <%endif%> -
+ <$scrollable class="tc-box-content-list-scollable" bind=<>> +
+ <$list filter="[jsonindexes[]nsort[]limit]" variable="indexList"> + <$list-template> +
+ <$text text={{{ [jsonget] }}} /> +
+ + <$list-empty> +
+ (No items) +
+ + + <%if [jsonindexes[]count[]compare:number:gt] %> + <$button class="tc-btn-invisible" style.fill="inherit"> + <$action-setfield $tiddler=<> text={{{ [add[10]] }}}/> + {{$:/core/images/chevron-down}} + + <%endif%> +
+
<%endif%> @@ -137,22 +140,24 @@ tags: $:/tags/Macro \procedure inspect-filter(filter,inputFilter:"[all[tiddlers]]",orientation:"horizontal") <$let json={{{ [subfilterinspect] }}}> -
match[horizontal]then[tc-inspect-filter-box-horizontal]] +[join[ ]] }}}> -
-
- Filter - <$text text={{{ [jsonget[inputFilter]] }}}/> -
-
- <$transclude $variable="inspect-list" jsonList={{{ [jsonextract[input]] }}} class="tc-box tc-inspect-input-box"/> - <$list filter="[jsonindexes[runs]nsort[]]" variable="indexRun"> - <$let transclusion={{{ [[run-]addsuffix] }}}> - <$transclude $variable="inspect-run" jsonRun={{{ [jsonextract[runs],] }}}/> - - - <$transclude $variable="inspect-list" jsonList={{{ [jsonextract[output]] }}} class="tc-box tc-inspect-output-box"/> + <$scrollable bind={{{ [addsuffix] }}}> +
match[horizontal]then[tc-inspect-filter-box-horizontal]] +[join[ ]] }}}> +
+
+ Filter + <$text text={{{ [jsonget[inputFilter]] }}}/> +
+
+ <$transclude $variable="inspect-list" jsonList={{{ [jsonextract[input]] }}} class="tc-box tc-inspect-input-box"/> + <$list filter="[jsonindexes[runs]nsort[]]" variable="indexRun"> + <$let transclusion={{{ [[run-]addsuffix] }}}> + <$transclude $variable="inspect-run" jsonRun={{{ [jsonextract[runs],] }}}/> + + + <$transclude $variable="inspect-list" jsonList={{{ [jsonextract[output]] }}} class="tc-box tc-inspect-output-box"/> +
-
+ \end inspect-filter diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid index 0f0317f54..c1cd7d5c3 100644 --- a/themes/tiddlywiki/vanilla/base.tid +++ b/themes/tiddlywiki/vanilla/base.tid @@ -3529,10 +3529,12 @@ span.tc-translink > a:first-child { background-color: var(--box-background-color); } -.tc-box-content-list { +.tc-box-content-list-scollable { margin: -0.25em; max-height: 25vh; - overflow: scroll; +} + +.tc-box-content-list { } .tc-box-content-list-item { @@ -3585,7 +3587,6 @@ span.tc-translink > a:first-child { } .tc-inspect-filter-box.tc-inspect-filter-box-horizontal { - overflow: scroll; display: flex; }