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(post): fix misplaced pin and lock icons

Browse Source
This commit is contained in:
plebeius.eth
2023-10-04 17:25:42 +02:00
parent 31eb5f4194
commit 3a02990674
6 changed files with 108 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/styled/views/Board.styled.jsx
+6
View File
@@ -2147,6 +2147,12 @@ export const BoardForm = styled.div`
margin: 0; margin: 0;
} }
.thread-icons-mobile {
margin-top: -1px;
margin-right: 2px;
image-rendering: pixelated;
}
blockquote { blockquote {
padding-top: 5px; padding-top: 5px;
display: block; display: block;
src/components/styled/views/Thread.styled.jsx
+6
View File
@@ -1336,6 +1336,12 @@ export const BoardForm = styled.div`
object-fit: scale-down; object-fit: scale-down;
} }
.thread-icons-mobile {
margin-top: -1px;
margin-right: 2px;
image-rendering: pixelated;
}
blockquote { blockquote {
padding-top: 5px; padding-top: 5px;
display: block; display: block;
src/components/views/Board.jsx
+57 -27
View File
@@ -1153,10 +1153,20 @@ const Board = () => {
## Board Mods ## Board Mods
</span> </span>
&nbsp; &nbsp;
<span className='thread-icons-mobile' style={{ float: 'right', marginRight: '18px' }}> <span className='thread-icons-mobile'>
<img src='assets/sticky.gif' alt='Sticky' title='Sticky' style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }} /> <img
src='assets/sticky.gif'
alt='Sticky'
title='Sticky'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
&nbsp; &nbsp;
<img src='assets/closed.gif' alt='Closed' title='Closed' style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }} /> <img
src='assets/closed.gif'
alt='Closed'
title='Closed'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
</span> </span>
<br /> <br />
<span className='subject-mobile' style={{ marginBottom: '-15px' }}> <span className='subject-mobile' style={{ marginBottom: '-15px' }}>
@@ -1378,10 +1388,20 @@ const Board = () => {
## Board Mods ## Board Mods
</span> </span>
&nbsp; &nbsp;
<span className='thread-icons-mobile' style={{ float: 'right', marginRight: '18px' }}> <span className='thread-icons-mobile'>
<img src='assets/sticky.gif' alt='Sticky' title='Sticky' style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }} /> <img
src='assets/sticky.gif'
alt='Sticky'
title='Sticky'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
&nbsp; &nbsp;
<img src='assets/closed.gif' alt='Closed' title='Closed' style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }} /> <img
src='assets/closed.gif'
alt='Closed'
title='Closed'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
</span> </span>
<br /> <br />
<span className='subject-mobile' style={{ marginBottom: '-15px' }}> <span className='subject-mobile' style={{ marginBottom: '-15px' }}>
@@ -1679,10 +1699,20 @@ const Board = () => {
## Board Mods ## Board Mods
</span> </span>
&nbsp; &nbsp;
<span className='thread-icons-mobile' style={{ float: 'right', marginRight: '18px' }}> <span className='thread-icons-mobile'>
<img src='assets/sticky.gif' alt='Sticky' title='Sticky' style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }} /> <img
src='assets/sticky.gif'
alt='Sticky'
title='Sticky'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
&nbsp; &nbsp;
<img src='assets/closed.gif' alt='Closed' title='Closed' style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }} /> <img
src='assets/closed.gif'
alt='Closed'
title='Closed'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
</span> </span>
<br /> <br />
<span className='subject-mobile' style={{ marginBottom: '-15px' }}> <span className='subject-mobile' style={{ marginBottom: '-15px' }}>
@@ -3317,24 +3347,24 @@ const Board = () => {
</VerifiedAuthor> </VerifiedAuthor>
</span> </span>
)&nbsp; )&nbsp;
</span> <span key={`ti-mob-${index}`} className='thread-icons-mobile'>
<span key={`ti-mob-${index}`} className='thread-icons-mobile' style={{ float: 'right', marginRight: '18px' }}> {thread.pinned ? (
{thread.pinned ? ( <img
<img src='assets/sticky.gif'
src='assets/sticky.gif' alt='Sticky'
alt='Sticky' title='Sticky'
title='Sticky' style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }} />
/> ) : null}
) : null} {thread.locked ? (
{thread.locked ? ( <img
<img src='assets/closed.gif'
src='assets/closed.gif' alt='Closed'
alt='Closed' title='Closed'
title='Closed' style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }} />
/> ) : null}
) : null} </span>
</span> </span>
<br key={`mob-br1-${index}`} /> <br key={`mob-br1-${index}`} />
{thread.title ? ( {thread.title ? (
src/components/views/Description.jsx
+13 -3
View File
@@ -605,10 +605,20 @@ const Description = () => {
## Board Mods ## Board Mods
</span> </span>
&nbsp; &nbsp;
<span className='thread-icons-mobile' style={{ float: 'right', marginRight: '18px' }}> <span className='thread-icons-mobile'>
<img src='assets/sticky.gif' alt='Sticky' title='Sticky' style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }} /> <img
src='assets/sticky.gif'
alt='Sticky'
title='Sticky'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
&nbsp; &nbsp;
<img src='assets/closed.gif' alt='Closed' title='Closed' style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }} /> <img
src='assets/closed.gif'
alt='Closed'
title='Closed'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
</span> </span>
<br /> <br />
<span className='subject-mobile' style={{ marginBottom: '-15px' }}> <span className='subject-mobile' style={{ marginBottom: '-15px' }}>
src/components/views/Rules.jsx
+13 -3
View File
@@ -539,10 +539,20 @@ const Rules = () => {
## Board Mods ## Board Mods
</span> </span>
&nbsp; &nbsp;
<span className='thread-icons-mobile' style={{ float: 'right', marginRight: '18px' }}> <span className='thread-icons-mobile'>
<img src='assets/sticky.gif' alt='Sticky' title='Sticky' style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }} /> <img
src='assets/sticky.gif'
alt='Sticky'
title='Sticky'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
&nbsp; &nbsp;
<img src='assets/closed.gif' alt='Closed' title='Closed' style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }} /> <img
src='assets/closed.gif'
alt='Closed'
title='Closed'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
</span> </span>
<br /> <br />
<span className='subject-mobile' style={{ marginBottom: '-15px' }}> <span className='subject-mobile' style={{ marginBottom: '-15px' }}>
src/components/views/Thread.jsx
+13 -3
View File
@@ -2204,12 +2204,22 @@ const Thread = () => {
</span> </span>
)&nbsp; )&nbsp;
</span> </span>
<span key={`ti-mob-${index}`} className='thread-icons-mobile' style={{ float: 'right', marginRight: '18px' }}> <span key={`ti-mob-${index}`} className='thread-icons-mobile'>
{comment.pinned ? ( {comment.pinned ? (
<img src='assets/sticky.gif' alt='Sticky' title='Sticky' style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }} /> <img
src='assets/sticky.gif'
alt='Sticky'
title='Sticky'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
) : null} ) : null}
{comment.locked ? ( {comment.locked ? (
<img src='assets/closed.gif' alt='Closed' title='Closed' style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }} /> <img
src='assets/closed.gif'
alt='Closed'
title='Closed'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
) : null} ) : null}
</span> </span>
<br key={`mob-br1-${comment.cid}`} /> <br key={`mob-br1-${comment.cid}`} />