From 10673fcdbc6a000249df4dd5e4eeff8ca713aa13 Mon Sep 17 00:00:00 2001 From: Terry Truong Date: Sat, 7 Jan 2023 20:19:43 +1100 Subject: Mark search results with box-shadow --- src/components/TimeLine.vue | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'src/components/TimeLine.vue') diff --git a/src/components/TimeLine.vue b/src/components/TimeLine.vue index 9e0a48c..41cd9fe 100644 --- a/src/components/TimeLine.vue +++ b/src/components/TimeLine.vue @@ -1290,14 +1290,16 @@ function eventStyles(eventId: number){ function eventImgStyles(eventId: number){ const event = idToEvent.value.get(eventId)!; let isSearchResult = searchEvent.value != null && searchEvent.value.id == eventId; + let color = event.ctg == 'discovery' ? store.color.accent : store.color.altDark; return { width: store.eventImgSz + 'px', height: store.eventImgSz + 'px', //backgroundImage: `url(${getImagePath(event.imgId)})`, backgroundColor: 'black', backgroundSize: 'cover', - borderColor: isSearchResult ? 'red' : (event.ctg == 'discovery' ? '#2563eb' : store.color.altDark), + borderColor: color, borderWidth: '1px', + boxShadow: isSearchResult ? '0 0 4px 2px ' + color : 'none', }; } function eventLineStyles(eventId: number){ -- cgit v1.2.3