#100 Truncate long names in ShowMore modal and add title to show full version

zxyctn · zxyctn · commit 83c9b57e0975 · 2024-10-21T20:26:39.000+02:00
diff --git a/src/lib/components/Facets/ShowMore.svelte b/src/lib/components/Facets/ShowMore.svelte
@@ -54,7 +54,7 @@
 		{#each Object.keys(selected) as key}
 			<label class="flex gap-3 items-center w-52">
 				<input type="checkbox" class="checkbox" bind:checked={selected[key].selected} />
-				<span class="whitespace-nowrap break-before-avoid break-after-avoid"
+				<span title={selected[key].displayName} class="whitespace-nowrap break-before-avoid break-after-avoid truncate"
 					>{selected[key].displayName}</span
 				>
 			</label>

Original file line number	Diff line number	Diff line change
`@@ -54,7 +54,7 @@`
`54`	`54`	`{#each Object.keys(selected) as key}`
`55`	`55`	`<label class="flex gap-3 items-center w-52">`
`56`	`56`	`<input type="checkbox" class="checkbox" bind:checked={selected[key].selected} />`
`57`		`- <span class="whitespace-nowrap break-before-avoid break-after-avoid"`
	`57`	`+ <span title={selected[key].displayName} class="whitespace-nowrap break-before-avoid break-after-avoid truncate"`
`58`	`58`	`>{selected[key].displayName}</span`
`59`	`59`	`>`
`60`	`60`	`</label>`