External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix text selection for greentext

Browse Source
This commit is contained in:
plebeius.eth
2023-06-23 15:37:46 +02:00
parent ab62e82443
commit 1c214ebf5c
2 changed files with 29 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/views/Board.jsx
+1 -1
View File
@@ -1754,7 +1754,7 @@ const Board = () => {
ref={el => { ref={el => {
quoteRefs.current[reply.cid] = el; quoteRefs.current[reply.cid] = el;
}} }}
onClick={(event) => handleQuoteClick(reply, shortParentCid, event)} onClick={() => handleQuoteClick(reply, shortParentCid, null)}
onMouseOver={(event) => { onMouseOver={(event) => {
event.stopPropagation(); event.stopPropagation();
handleQuoteHover(reply, shortParentCid, () => { handleQuoteHover(reply, shortParentCid, () => {
src/components/views/Thread.jsx
+28 -16
View File
@@ -839,10 +839,13 @@ const Thread = () => {
<span className="date-time" data-utc="data">{getDate(comment?.timestamp)}</span> <span className="date-time" data-utc="data">{getDate(comment?.timestamp)}</span>
&nbsp; &nbsp;
<span className="post-number post-number-desktop"> <span className="post-number post-number-desktop">
<span style={{cursor: 'pointer'}}>c/</span> <span>c/</span>
<button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} onClick={() => { <Link to={() => {}} id="reply-button" style={{ cursor: 'pointer' }}
setIsReplyOpen(true); setSelectedParentCid(comment.cid); setSelectedShortCid(comment.shortCid); onClick={() => {
}} title="Reply to this post">{comment.shortCid}</button> setIsReplyOpen(true);
setSelectedParentCid(comment.cid);
setSelectedShortCid(comment.shortCid);
}} title="Reply to this post">{comment.shortCid}</Link>
</span>&nbsp; </span>&nbsp;
{comment.pinned ? ( {comment.pinned ? (
<> <>
@@ -1069,17 +1072,21 @@ const Thread = () => {
</span> </span>
</span> </span>
&nbsp; &nbsp;
<span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(reply?.timestamp)}</span> <span key={`dt-${index}`} className="date-time">
&nbsp; {getDate(reply?.timestamp)}&nbsp;
<span style={{cursor: 'pointer'}} key={`pn-${index}`} className="post-number post-number-desktop"> <span key={`pn-${index}`} className="post-number post-number-desktop">
<span key={`pl1-${index}`}>c/</span> <span key={`pl1-${index}`}>c/</span>
{reply.shortCid ? ( {reply.shortCid ? (
<button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} key={`pl2-${index}`} onClick={() => { <Link id="reply-button" key={`pl2-${index}`}
setIsReplyOpen(true); setSelectedParentCid(reply.cid); setSelectedShortCid(reply.shortCid); onClick={() => {
}} title="Reply to this post">{reply.shortCid}</button> setIsReplyOpen(true);
setSelectedParentCid(reply.cid);
setSelectedShortCid(reply.shortCid);
}} title="Reply to this post">{reply.shortCid}</Link>
) : ( ) : (
<PendingLabel key="pending" commentIndex={reply.index} /> <PendingLabel key="pending" commentIndex={reply.index} />
)} )}
</span>
</span>&nbsp; </span>&nbsp;
<PostMenu <PostMenu
key={`pmb-${index}`} key={`pmb-${index}`}
@@ -1443,10 +1450,12 @@ const Thread = () => {
{getDate(comment?.timestamp)} {getDate(comment?.timestamp)}
&nbsp; &nbsp;
<span key={`mob-no-${comment.cid}`}>c/</span> <span key={`mob-no-${comment.cid}`}>c/</span>
<span id="reply-button" style={{cursor: 'pointer'}} key={`mob-no2-${comment.cid}`} title="Reply to this post" <Link to={() => {}} id="reply-button" key={`mob-no2-${comment.cid}`} title="Reply to this post"
onClick={() => { onClick={() => {
setIsReplyOpen(true); setSelectedParentCid(comment.cid); setSelectedShortCid(comment.shortCid); setIsReplyOpen(true);
}}>{comment.shortCid}</span> setSelectedParentCid(comment.cid);
setSelectedShortCid(comment.shortCid);
}}>{comment.shortCid}</Link>
</span> </span>
</div> </div>
{commentMediaInfo?.url ? ( {commentMediaInfo?.url ? (
@@ -1562,9 +1571,12 @@ const Thread = () => {
{getDate(reply?.timestamp)}&nbsp; {getDate(reply?.timestamp)}&nbsp;
<span key={`mob-pl1-${index}`}>c/</span> <span key={`mob-pl1-${index}`}>c/</span>
{reply.shortCid ? ( {reply.shortCid ? (
<button id="reply-button" style={{ all: 'unset', cursor: 'pointer' }} key={`mob-pl2-${index}`} onClick={() => { <Link id="reply-button" key={`mob-pl2-${index}`}
setIsReplyOpen(true); setSelectedParentCid(reply.cid); setSelectedShortCid(reply.shortCid); onClick={() => {
}} title="Reply to this post">{reply.shortCid}</button> setIsReplyOpen(true);
setSelectedParentCid(reply.cid);
setSelectedShortCid(reply.shortCid);
}} title="Reply to this post">{reply.shortCid}</Link>
) : ( ) : (
<PendingLabel key="pending-mob" commentIndex={reply.index} /> <PendingLabel key="pending-mob" commentIndex={reply.index} />
)} )}