From 0ef375cb98d4301e3d527aee97788976f6ba86fd Mon Sep 17 00:00:00 2001 From: Caryl Wyatt Date: Tue, 22 Jul 2025 16:34:24 -0400 Subject: [PATCH 1/4] update SERP label styles for resource sharing, add stories --- .../ResultsItem/ResultsItem.stories.js | 12 +++ src/js/designs/ResultsItem/index.svelte | 98 ++++++++++++++++--- src/js/designs/ResultsList/index.svelte | 8 ++ src/scss/apps.scss | 47 +++++++-- 4 files changed, 140 insertions(+), 25 deletions(-) diff --git a/src/js/designs/ResultsItem/ResultsItem.stories.js b/src/js/designs/ResultsItem/ResultsItem.stories.js index 90c75e2..ece7a1a 100644 --- a/src/js/designs/ResultsItem/ResultsItem.stories.js +++ b/src/js/designs/ResultsItem/ResultsItem.stories.js @@ -21,6 +21,9 @@ const parameters = { export const FullView = { parameters: parameters, + args: { + visited: false, + } }; export const MultipleItems = { parameters: parameters, @@ -33,11 +36,20 @@ export const SearchOnly = { parameters: parameters, args: { access: 'limited-search-only', + visited: false, + }, +}; +export const RegisteredAccess = { + parameters: parameters, + args: { + access: 'registered-access', + visited: false, }, }; export const AccessPermitted = { parameters: parameters, args: { access: 'limited-access-permitted', + visited: false, }, }; diff --git a/src/js/designs/ResultsItem/index.svelte b/src/js/designs/ResultsItem/index.svelte index 58058d4..a26fcfe 100644 --- a/src/js/designs/ResultsItem/index.svelte +++ b/src/js/designs/ResultsItem/index.svelte @@ -7,6 +7,7 @@ export let publicationDate = 1827; export let author = 'Nicolas, Nicholas Harris, Sir, 1799-1848.'; export let supportsSelection = true; + export let visited = false; let coverUrl = `https://babel.hathitrust.org/cgi/imgsrv/cover?id=${htid}&width=250`; let blankImage = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=`; @@ -43,7 +44,10 @@