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/views/Board.jsx
+57 -27
View File
@@ -1153,10 +1153,20 @@ const Board = () => {
## Board Mods
</span>
&nbsp;
<span className='thread-icons-mobile' style={{ float: 'right', marginRight: '18px' }}>
<img src='assets/sticky.gif' alt='Sticky' title='Sticky' style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }} />
<span className='thread-icons-mobile'>
<img
src='assets/sticky.gif'
alt='Sticky'
title='Sticky'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
&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>
<br />
<span className='subject-mobile' style={{ marginBottom: '-15px' }}>
@@ -1378,10 +1388,20 @@ const Board = () => {
## Board Mods
</span>
&nbsp;
<span className='thread-icons-mobile' style={{ float: 'right', marginRight: '18px' }}>
<img src='assets/sticky.gif' alt='Sticky' title='Sticky' style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }} />
<span className='thread-icons-mobile'>
<img
src='assets/sticky.gif'
alt='Sticky'
title='Sticky'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
&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>
<br />
<span className='subject-mobile' style={{ marginBottom: '-15px' }}>
@@ -1679,10 +1699,20 @@ const Board = () => {
## Board Mods
</span>
&nbsp;
<span className='thread-icons-mobile' style={{ float: 'right', marginRight: '18px' }}>
<img src='assets/sticky.gif' alt='Sticky' title='Sticky' style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }} />
<span className='thread-icons-mobile'>
<img
src='assets/sticky.gif'
alt='Sticky'
title='Sticky'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
&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>
<br />
<span className='subject-mobile' style={{ marginBottom: '-15px' }}>
@@ -3317,24 +3347,24 @@ const Board = () => {
</VerifiedAuthor>
</span>
)&nbsp;
</span>
<span key={`ti-mob-${index}`} className='thread-icons-mobile' style={{ float: 'right', marginRight: '18px' }}>
{thread.pinned ? (
<img
src='assets/sticky.gif'
alt='Sticky'
title='Sticky'
style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }}
/>
) : null}
{thread.locked ? (
<img
src='assets/closed.gif'
alt='Closed'
title='Closed'
style={{ marginTop: '-1px', marginRight: '2px', imageRendering: 'pixelated' }}
/>
) : null}
<span key={`ti-mob-${index}`} className='thread-icons-mobile'>
{thread.pinned ? (
<img
src='assets/sticky.gif'
alt='Sticky'
title='Sticky'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
) : null}
{thread.locked ? (
<img
src='assets/closed.gif'
alt='Closed'
title='Closed'
style={{ all: 'unset', marginBottom: '-2px', paddingLeft: '2px', imageRendering: 'pixelated' }}
/>
) : null}
</span>
</span>
<br key={`mob-br1-${index}`} />
{thread.title ? (