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) {
display: ${props => (props.showReplyFormLink ? 'block' : 'none')};
#post-form-link-desktop {
display: none;
src/components/views/Thread.jsx
+9 -5
View File
@@ -835,7 +835,7 @@ const Thread = () => {
</span>
<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>
{comment.replyCount > 0 ? (
@@ -846,8 +846,9 @@ const Thread = () => {
<hr />
</div>
</BottomBar>
{comment.replyCount > 5 ? (
<div id="bottombar-mobile">
<TopBar selectedStyle={selectedStyle}>
<TopBar selectedStyle={selectedStyle} style={{marginTop: "20px"}}>
<hr />
<span className="style-changer">
Style:
@@ -883,7 +884,7 @@ const Thread = () => {
<ReplyFormLink id="post-form-link" selectedStyle={selectedStyle} >
<div id="post-form-link-mobile" className="post-button-mobile">
<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>
</div>
<div id="btns-container">
@@ -892,7 +893,7 @@ const Thread = () => {
<Link to={`/p/${selectedAddress}`}>Return</Link>
</span>
</div>
<div id="catalog-button-mobile">
<div id="catalog-button-mobile" style={{paddingRight: "2px"}}>
<span className="btn-wrap">
<Link to={`/p/${selectedAddress}/catalog`}>Catalog</Link>
</span>
@@ -901,12 +902,15 @@ const Thread = () => {
<span className="btn-wrap">
<a onClick={() => window.scrollTo(0, 0)}
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>
</div>
</ReplyFormLink>
</div>
) : (null)}
</>
) : (
<PostLoader />