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;
}
.thread-icons-mobile {
margin-top: -1px;
margin-right: 2px;
image-rendering: pixelated;
}
blockquote {
padding-top: 5px;
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;
}
.thread-icons-mobile {
margin-top: -1px;
margin-right: 2px;
image-rendering: pixelated;
}
blockquote {
padding-top: 5px;
display: block;
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 ? (
src/components/views/Description.jsx
+13 -3
View File
@@ -605,10 +605,20 @@ const Description = () => {
## 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' }}>
src/components/views/Rules.jsx
+13 -3
View File
@@ -539,10 +539,20 @@ const Rules = () => {
## 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' }}>
src/components/views/Thread.jsx
+13 -3
View File
@@ -2204,12 +2204,22 @@ const Thread = () => {
</span>
)&nbsp;
</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 ? (
<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}
{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}
</span>
<br key={`mob-br1-${comment.cid}`} />