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 icon alignment to be identical to 4chan

Browse Source
This commit is contained in:
plebeius.eth
2023-06-29 09:00:21 +02:00
parent ff142a3615
commit c8be8e6b19
5 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/styled/views/Board.styled.jsx
+2 -2
View File
@@ -1678,13 +1678,13 @@ export const BoardForm = styled.div`
.offline-sub { .offline-sub {
width: 16px; width: 16px;
margin: -5px -4px -4px 3px; margin: -5px -4px -2px 3px;
position: relative; position: relative;
} }
.offline-reply { .offline-reply {
width: 16px; width: 16px;
margin: -5px -4px -4px 3px; margin: -5px -4px -2px 3px;
position: relative; position: relative;
} }
src/components/views/Board.jsx
+12 -12
View File
@@ -836,10 +836,10 @@ const Board = () => {
   
<span className="date-time">{getDate(subplebbit.createdAt)}</span> <span className="date-time">{getDate(subplebbit.createdAt)}</span>
&nbsp; &nbsp;
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px", <img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-1px",
imageRendering: "pixelated",}} /> imageRendering: "pixelated",}} />
&nbsp; &nbsp;
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px", <img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-1px",
imageRendering: "pixelated",}} /> imageRendering: "pixelated",}} />
<span>&nbsp; <span>&nbsp;
[ [
@@ -913,10 +913,10 @@ const Board = () => {
&nbsp; &nbsp;
<span className="thread-icons-mobile" <span className="thread-icons-mobile"
style={{float: "right", marginRight: "18px"}}> style={{float: "right", marginRight: "18px"}}>
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px", <img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginTop: "-1px", marginRight: "2px",
imageRendering: "pixelated",}} /> imageRendering: "pixelated",}} />
&nbsp; &nbsp;
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px", <img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginTop: "-1px", marginRight: "2px",
imageRendering: "pixelated",}} /> imageRendering: "pixelated",}} />
</span> </span>
<br /> <br />
@@ -985,10 +985,10 @@ const Board = () => {
&nbsp; &nbsp;
<span className="date-time">{getDate(subplebbit.createdAt)}</span> <span className="date-time">{getDate(subplebbit.createdAt)}</span>
&nbsp; &nbsp;
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px", <img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-1px",
imageRendering: "pixelated",}} /> imageRendering: "pixelated",}} />
&nbsp; &nbsp;
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px", <img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-1px",
imageRendering: "pixelated",}} /> imageRendering: "pixelated",}} />
<span>&nbsp; <span>&nbsp;
[ [
@@ -1060,10 +1060,10 @@ const Board = () => {
&nbsp; &nbsp;
<span className="thread-icons-mobile" <span className="thread-icons-mobile"
style={{float: "right", marginRight: "18px"}}> style={{float: "right", marginRight: "18px"}}>
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px", <img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginTop: "-1px", marginRight: "2px",
imageRendering: "pixelated",}} /> imageRendering: "pixelated",}} />
&nbsp; &nbsp;
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px", <img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginTop: "-1px", marginRight: "2px",
imageRendering: "pixelated",}} /> imageRendering: "pixelated",}} />
</span> </span>
<br /> <br />
@@ -1228,7 +1228,7 @@ const Board = () => {
<> <>
&nbsp; &nbsp;
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" <img src="assets/sticky.gif" alt="Sticky" title="Sticky"
style={{marginBottom: "-3px", style={{marginBottom: "-1px",
imageRendering: "pixelated",}} /> imageRendering: "pixelated",}} />
</> </>
) : null} ) : null}
@@ -1237,7 +1237,7 @@ const Board = () => {
&nbsp; &nbsp;
<img src="assets/closed.gif" alt="Closed" title="Closed" <img src="assets/closed.gif" alt="Closed" title="Closed"
style={{ style={{
marginBottom: "-3px", marginBottom: "-1px",
imageRendering: "pixelated", imageRendering: "pixelated",
}} /> }} />
</> </>
@@ -1990,12 +1990,12 @@ const Board = () => {
<span key={`ti-mob-${index}`} className="thread-icons-mobile" style={{float: "right", marginRight: "18px"}}> <span key={`ti-mob-${index}`} className="thread-icons-mobile" style={{float: "right", marginRight: "18px"}}>
{thread.pinned ? ( {thread.pinned ? (
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" <img src="assets/sticky.gif" alt="Sticky" title="Sticky"
style={{marginBottom: "-3px", marginRight: "2px", style={{marginTop: "-1px", marginRight: "2px",
imageRendering: "pixelated",}} /> imageRendering: "pixelated",}} />
) : null} ) : null}
{thread.locked ? ( {thread.locked ? (
<img src="assets/closed.gif" alt="Closed" title="Closed" <img src="assets/closed.gif" alt="Closed" title="Closed"
style={{marginBottom: "-3px", marginRight: "2px", style={{marginTop: "-1px", marginRight: "2px",
imageRendering: "pixelated",}} /> imageRendering: "pixelated",}} />
) : null} ) : null}
</span> </span>
src/components/views/Description.jsx
+4 -4
View File
@@ -309,9 +309,9 @@ const Description = () => {
&nbsp; &nbsp;
<span className="date-time">{getDate(subplebbit.createdAt)}</span> <span className="date-time">{getDate(subplebbit.createdAt)}</span>
&nbsp; &nbsp;
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px", imageRendering: 'pixelated'}} /> <img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-1px", imageRendering: 'pixelated'}} />
&nbsp; &nbsp;
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px", imageRendering: 'pixelated'}} /> <img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-1px", imageRendering: 'pixelated'}} />
<span>&nbsp; <span>&nbsp;
[ [
<Link to={() => {}} style={{textDecoration: "none"}} className="reply-link">Reply</Link> <Link to={() => {}} style={{textDecoration: "none"}} className="reply-link">Reply</Link>
@@ -379,9 +379,9 @@ const Description = () => {
&nbsp; &nbsp;
<span className="thread-icons-mobile" <span className="thread-icons-mobile"
style={{float: "right", marginRight: "18px"}}> style={{float: "right", marginRight: "18px"}}>
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px", imageRendering: 'pixelated'}} /> <img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginTop: "-1px", marginRight: "2px", imageRendering: 'pixelated'}} />
&nbsp; &nbsp;
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px", imageRendering: 'pixelated'}} /> <img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginTop: "-1px", marginRight: "2px", imageRendering: 'pixelated'}} />
</span> </span>
<br /> <br />
<span className="subject-mobile" <span className="subject-mobile"
src/components/views/Rules.jsx
+4 -4
View File
@@ -284,9 +284,9 @@ const Rules = () => {
&nbsp; &nbsp;
<span className="date-time">{getDate(subplebbit.createdAt)}</span> <span className="date-time">{getDate(subplebbit.createdAt)}</span>
&nbsp; &nbsp;
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px", imageRendering: 'pixelated'}} /> <img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-1px", imageRendering: 'pixelated'}} />
&nbsp; &nbsp;
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px", imageRendering: 'pixelated'}} /> <img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-1px", imageRendering: 'pixelated'}} />
<span>&nbsp; <span>&nbsp;
[ [
<Link to={() => {}} style={{textDecoration: "none"}} className="reply-link">Reply</Link> <Link to={() => {}} style={{textDecoration: "none"}} className="reply-link">Reply</Link>
@@ -359,9 +359,9 @@ const Rules = () => {
&nbsp; &nbsp;
<span className="thread-icons-mobile" <span className="thread-icons-mobile"
style={{float: "right", marginRight: "18px"}}> style={{float: "right", marginRight: "18px"}}>
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px", imageRendering: 'pixelated'}} /> <img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginTop: "-1px", marginRight: "2px", imageRendering: 'pixelated'}} />
&nbsp; &nbsp;
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px", imageRendering: 'pixelated'}} /> <img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginTop: "-1px", marginRight: "2px", imageRendering: 'pixelated'}} />
</span> </span>
<br /> <br />
<span className="subject-mobile" <span className="subject-mobile"
src/components/views/Thread.jsx
+2 -2
View File
@@ -893,7 +893,7 @@ const Thread = () => {
<> <>
&nbsp; &nbsp;
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" <img src="assets/sticky.gif" alt="Sticky" title="Sticky"
style={{marginBottom: "-3px", style={{marginBottom: "-1px",
imageRendering: "pixelated",}} /> imageRendering: "pixelated",}} />
</> </>
) : null} ) : null}
@@ -901,7 +901,7 @@ const Thread = () => {
<> <>
&nbsp; &nbsp;
<img src="assets/closed.gif" alt="Closed" title="Closed" <img src="assets/closed.gif" alt="Closed" title="Closed"
style={{marginBottom: "-3px", style={{marginBottom: "-1px",
imageRendering: "pixelated",}} /> imageRendering: "pixelated",}} />
</> </>
) : null} ) : null}