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

fixed thread bottom bar

Browse Source
This commit is contained in:
plebbitor
2023-04-21 17:13:13 +02:00
parent 2ecc877968
commit 2ebee13bf6
2 changed files with 62 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/styled/Thread.styled.jsx
-1
View File
@@ -10,7 +10,6 @@ export const ReplyFormLink = styled.div`
} }
@media (max-width: 480px) { @media (max-width: 480px) {
display: ${props => (props.showReplyFormLink ? 'block' : 'none')};
#post-form-link-desktop { #post-form-link-desktop {
display: none; display: none;
src/components/views/Thread.jsx
+9 -5
View File
@@ -835,7 +835,7 @@ const Thread = () => {
</span> </span>
<span className="quickreply-button"> <span className="quickreply-button">
[ [
<Link to={() => {}} onClick={() => {}} onMouseOver={(event) => event.target.style.cursor='pointer'}>Post a Reply</Link> <a onClick={() => {setIsReplyOpen(true); setSelectedParentCid(comment.cid); setSelectedShortCid(comment.shortCid);}} onMouseOver={(event) => event.target.style.cursor='pointer'}>Post a Reply</a>
] ]
</span> </span>
{comment.replyCount > 0 ? ( {comment.replyCount > 0 ? (
@@ -846,8 +846,9 @@ const Thread = () => {
<hr /> <hr />
</div> </div>
</BottomBar> </BottomBar>
{comment.replyCount > 5 ? (
<div id="bottombar-mobile"> <div id="bottombar-mobile">
<TopBar selectedStyle={selectedStyle}> <TopBar selectedStyle={selectedStyle} style={{marginTop: "20px"}}>
<hr /> <hr />
<span className="style-changer"> <span className="style-changer">
Style: Style:
@@ -883,7 +884,7 @@ const Thread = () => {
<ReplyFormLink id="post-form-link" selectedStyle={selectedStyle} > <ReplyFormLink id="post-form-link" selectedStyle={selectedStyle} >
<div id="post-form-link-mobile" className="post-button-mobile"> <div id="post-form-link-mobile" className="post-button-mobile">
<span className="btn-wrap"> <span className="btn-wrap">
<a onClick={handleClickForm} onMouseOver={(event) => event.target.style.cursor='pointer'}>Post a Reply</a> <a onClick={() => {setIsReplyOpen(true); setSelectedParentCid(comment.cid); setSelectedShortCid(comment.shortCid);}} onMouseOver={(event) => event.target.style.cursor='pointer'}>Post a Reply</a>
</span> </span>
</div> </div>
<div id="btns-container"> <div id="btns-container">
@@ -892,7 +893,7 @@ const Thread = () => {
<Link to={`/p/${selectedAddress}`}>Return</Link> <Link to={`/p/${selectedAddress}`}>Return</Link>
</span> </span>
</div> </div>
<div id="catalog-button-mobile"> <div id="catalog-button-mobile" style={{paddingRight: "2px"}}>
<span className="btn-wrap"> <span className="btn-wrap">
<Link to={`/p/${selectedAddress}/catalog`}>Catalog</Link> <Link to={`/p/${selectedAddress}/catalog`}>Catalog</Link>
</span> </span>
@@ -901,12 +902,15 @@ const Thread = () => {
<span className="btn-wrap"> <span className="btn-wrap">
<a onClick={() => window.scrollTo(0, 0)} <a onClick={() => window.scrollTo(0, 0)}
onMouseOver={(event) => event.target.style.cursor='pointer'} onMouseOver={(event) => event.target.style.cursor='pointer'}
onTouchStart={() => window.scrollTo(0, 0)}>Top</a> onTouchStart={() => window.scrollTo(0, 0)}
style={{marginRight: "10px", marginLeft: "10px"}}
>Top</a>
</span> </span>
</span> </span>
</div> </div>
</ReplyFormLink> </ReplyFormLink>
</div> </div>
) : (null)}
</> </>
) : ( ) : (
<PostLoader /> <PostLoader />