feat: add InboxActivity component with find-in-document text highlighting and navigation
This commit is contained in:
parent
08be5faf14
commit
ad60fd19e6
|
|
@ -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; }
|
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; }
|
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
|
const el = bodyContainer.value
|
||||||
if (!el) return
|
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) || '') : ''
|
el.innerHTML = raw ? ((fixLink(raw) as string) || '') : ''
|
||||||
|
|
||||||
if (scrollContainer.value) scrollContainer.value.scrollTop = 0
|
if (scrollContainer.value) scrollContainer.value.scrollTop = 0
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue