offbyn
/
nostrweb
forked from nostr/nostrweb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feed: fix expand long notes 

Text notes longer than 280 are shortened and appended with '…' to
indicate that this note can be expanded, but this dotdotdot was
real text and was not removed once the note is expanded.

Changed to showing the dots through CSS and only if the attribute
exists, so it does not show on expanded notes.
OFF0 2022-12-08 07:52:03 +01:00
parent b4392bf215
commit 2e94d59028
Signed by: offbyn
GPG Key ID: 94A2F643C51F37FA
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/cards.css
View File

@ -110,3 +110,8 @@
top: -100vh;
width: .4rem;
}
[data-append]::after {
color: var(--color-accent);
content: "…";
}

10
src/main.js
View File

@ -169,7 +169,7 @@ const elemCanvas = (text) => {
function createTextNote(evt, relay) {
const {host, img, isReply, name, replies, time, userName} = getMetadata(evt, relay);
const isLongContent = evt.content.trimRight().length > 280;
const content = isLongContent ? `${evt.content.slice(0, 280)}…` : evt.content;
const content = isLongContent ? evt.content.slice(0, 280) : evt.content;
const hasReactions = reactionMap[evt.id]?.length > 0;
const didReact = hasReactions && !!reactionMap[evt.id].find(reaction => reaction.pubkey === pubkey);
const replyFeed = replies[0] ? replies.map(e => replyDomMap[e.id] = createTextNote(e, relay)) : [];
@ -604,10 +604,10 @@ privateKeyInput.value = localStorage.getItem('private_key');
pubKeyInput.value = localStorage.getItem('pub_key');
document.body.addEventListener('click', (e) => {
const append = e.target.closest('[data-append]');
if (append) {
append.textContent += append.dataset.append;
delete append.dataset.append;
const container = e.target.closest('[data-append]');
if (container) {
container.append(...multilineText(container.dataset.append));
delete container.dataset.append;
return;
}
const back = e.target.closest('[name="back"]')