feat: add InboxActivity component with find-in-document text highlighting and navigation #1
|
|
@ -75,3 +75,16 @@ mark.search-match.is-current {
|
|||
70% { box-shadow: 0 0 0 14px rgba(249, 115, 22, 0), 0 0 0 2px #8cff32 inset; }
|
||||
100% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0), 0 0 0 2px #8cff32 inset; }
|
||||
}
|
||||
|
||||
/* Colors for Typesense rich text */
|
||||
.red {
|
||||
color: #C00000 !important;
|
||||
}
|
||||
|
||||
.purple {
|
||||
color: #7030A0 !important;
|
||||
}
|
||||
|
||||
.blue {
|
||||
color: #0070C0 !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -305,7 +305,15 @@ async function renderBody() {
|
|||
const el = bodyContainer.value
|
||||
if (!el) return
|
||||
|
||||
const raw = props.activity?.body
|
||||
let raw = props.activity?.body || ''
|
||||
|
||||
if (raw) {
|
||||
raw = raw
|
||||
.replaceAll('#00ccff', '#0070C0')
|
||||
.replaceAll('#FF0000', '#C00000')
|
||||
.replaceAll('#333399', '#7030A0')
|
||||
}
|
||||
|
||||
el.innerHTML = raw ? ((fixLink(raw) as string) || '') : ''
|
||||
|
||||
if (scrollContainer.value) scrollContainer.value.scrollTop = 0
|
||||
|
|
|
|||
Loading…
Reference in New Issue