From 1972e8b5f369ec5e1c353e9da50b2a06c795084d Mon Sep 17 00:00:00 2001
From: Jeremy Ruston <jeremy@jermolene.com>
Date: Thu, 3 Apr 2025 21:22:33 +0100
Subject: [PATCH] Stripy backgrounds for lists

---
 core/wiki/macros/inspect-filter.tid | 26 ++++++++++++++------------
 themes/tiddlywiki/vanilla/base.tid  | 14 +++++++++++++-
 2 files changed, 27 insertions(+), 13 deletions(-)

diff --git a/core/wiki/macros/inspect-filter.tid b/core/wiki/macros/inspect-filter.tid
index ffd499419..b503d72f7 100644
--- a/core/wiki/macros/inspect-filter.tid
+++ b/core/wiki/macros/inspect-filter.tid
@@ -10,18 +10,20 @@ tags: $:/tags/Macro
 		<span class="tc-pill"><$text text={{{ [<jsonList>jsonindexes[]count[]] }}}/></span>
 	</div>
 	<div class="tc-box-content">
-		<$list filter="[<jsonList>jsonindexes[]limit[10]]" variable="indexList">
-			<$list-template>
-				<div class="tc-box-content-list-item">
-					<$text text={{{ [<jsonList>jsonget<indexList>] }}} />
-				</div>
-			</$list-template>
-			<$list-empty>
-				<div class="tc-box-content-list-empty">
-					(No items)
-				</div>
-			</$list-empty>
-		</$list>
+		<div class="tc-box-content-list">
+			<$list filter="[<jsonList>jsonindexes[]]" variable="indexList">
+				<$list-template>
+					<div class="tc-box-content-list-item">
+						<$text text={{{ [<jsonList>jsonget<indexList>] }}} />
+					</div>
+				</$list-template>
+				<$list-empty>
+					<div class="tc-box-content-list-empty">
+						(No items)
+					</div>
+				</$list-empty>
+			</$list>
+		</div>
 	</div>
 </div>
 \end inspect-list
diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid
index 9bad1aeb8..9f4496118 100644
--- a/themes/tiddlywiki/vanilla/base.tid
+++ b/themes/tiddlywiki/vanilla/base.tid
@@ -3519,8 +3519,20 @@ span.tc-translink > a:first-child {
 	background-color: var(--box-background-color);
 }
 
-.tc-box-content-list-item {
+.tc-box-content-list {
+	margin: -0.25em;
+	max-height: 25vh;
+	overflow: scroll;
+}
 
+.tc-box-content-list-item {
+	font-size: 0.7em;
+	line-height: 1.1;
+	padding: 0.25em;
+}
+
+.tc-box-content-list-item:nth-child(even)  {
+	background: rgb(255, 255, 255, 0.5);
 }
 
 .tc-box-content-list-empty {