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 icons upscaling

Browse Source
This commit is contained in:
plebeius.eth
2023-06-28 18:23:22 +02:00
parent 877a8ae252
commit ff142a3615
6 changed files with 69 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/OfflineIndicator.jsx
+1
View File
@@ -17,6 +17,7 @@ const OfflineIndicator = ({ address, className, tooltipPlace }) => {
data-tooltip-id="tooltip" data-tooltip-id="tooltip"
data-tooltip-content="Offline" data-tooltip-content="Offline"
data-tooltip-place={tooltipPlace} data-tooltip-place={tooltipPlace}
style={{imageRendering: 'pixelated'}}
/> />
</> </>
)} )}
src/components/views/Board.jsx
+26 -12
View File
@@ -836,9 +836,11 @@ 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: "-3px",
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: "-3px",
imageRendering: "pixelated",}} />
<span>&nbsp; <span>&nbsp;
[ [
<Link to={`/p/${selectedAddress}/rules`} style={{textDecoration: "none"}} className="reply-link">Reply</Link> <Link to={`/p/${selectedAddress}/rules`} style={{textDecoration: "none"}} className="reply-link">Reply</Link>
@@ -911,9 +913,11 @@ 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={{marginBottom: "-3px",
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: "-3px",
imageRendering: "pixelated",}} />
</span> </span>
<br /> <br />
<span className="subject-mobile" <span className="subject-mobile"
@@ -981,9 +985,11 @@ 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: "-3px",
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: "-3px",
imageRendering: "pixelated",}} />
<span>&nbsp; <span>&nbsp;
[ [
<Link to={`/p/${selectedAddress}/description`} style={{textDecoration: "none"}} className="reply-link">Reply</Link> <Link to={`/p/${selectedAddress}/description`} style={{textDecoration: "none"}} className="reply-link">Reply</Link>
@@ -1054,9 +1060,11 @@ 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={{marginBottom: "-3px",
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: "-3px",
imageRendering: "pixelated",}} />
</span> </span>
<br /> <br />
<span className="subject-mobile" <span className="subject-mobile"
@@ -1220,14 +1228,18 @@ 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: "-3px",
imageRendering: "pixelated",}} />
</> </>
) : null} ) : null}
{thread.locked ? ( {thread.locked ? (
<> <>
&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: "-3px",
imageRendering: "pixelated",
}} />
</> </>
) : null} ) : null}
<span key={`rl1-${index}`}>&nbsp; <span key={`rl1-${index}`}>&nbsp;
@@ -1978,11 +1990,13 @@ 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={{marginBottom: "-3px", marginRight: "2px",
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={{marginBottom: "-3px", marginRight: "2px",
imageRendering: "pixelated",}} />
) : null} ) : null}
</span> </span>
<br key={`mob-br1-${index}`} /> <br key={`mob-br1-${index}`} />
src/components/views/Catalog.jsx
+30 -10
View File
@@ -706,8 +706,12 @@ const Catalog = () => {
R:<b>0</b> R:<b>0</b>
<div className='thread-icons' <div className='thread-icons'
style={{position: 'absolute', top: '-2px', right: '15px'}}> style={{position: 'absolute', top: '-2px', right: '15px'}}>
<span className="thread-icon sticky-icon" title="Sticky" /> <span className="thread-icon sticky-icon" title="Sticky"
<span className="thread-icon closed-icon" title="Closed" /> style={{
imageRendering: "pixelated",}} />
<span className="thread-icon closed-icon" title="Closed"
style={{
imageRendering: "pixelated",}} />
</div> </div>
<PostMenu <PostMenu
style={{ display: isHoveringOnThread === "rules" ? 'inline-block' : 'none', style={{ display: isHoveringOnThread === "rules" ? 'inline-block' : 'none',
@@ -773,8 +777,12 @@ const Catalog = () => {
</Link> </Link>
{subplebbit.suggested?.avatarUrl ? ( {subplebbit.suggested?.avatarUrl ? (
<div className='thread-icons'> <div className='thread-icons'>
<span className="thread-icon sticky-icon" title="Sticky" /> <span className="thread-icon sticky-icon" title="Sticky"
<span className="thread-icon closed-icon" title="Closed" /> style={{
imageRendering: "pixelated",}} />
<span className="thread-icon closed-icon" title="Closed"
style={{
imageRendering: "pixelated",}} />
</div> </div>
) : null} ) : null}
<BoardForm selectedStyle={selectedStyle} style={{all: 'unset'}}> <BoardForm selectedStyle={selectedStyle} style={{all: 'unset'}}>
@@ -783,8 +791,12 @@ const Catalog = () => {
{subplebbit.suggested?.avatarUrl ? null : ( {subplebbit.suggested?.avatarUrl ? null : (
<div className='thread-icons' <div className='thread-icons'
style={{position: 'absolute', top: '-2px', right: '15px'}}> style={{position: 'absolute', top: '-2px', right: '15px'}}>
<span className="thread-icon sticky-icon" title="Sticky" /> <span className="thread-icon sticky-icon" title="Sticky"
<span className="thread-icon closed-icon" title="Closed" /> style={{
imageRendering: "pixelated",}} />
<span className="thread-icon closed-icon" title="Closed"
style={{
imageRendering: "pixelated",}} />
</div> </div>
)} )}
<PostMenu <PostMenu
@@ -917,10 +929,14 @@ const Catalog = () => {
commentMediaInfo.thumbnail))) ? ( commentMediaInfo.thumbnail))) ? (
<div key={`ti-${index}`} className="thread-icons" > <div key={`ti-${index}`} className="thread-icons" >
{thread.pinned ? ( {thread.pinned ? (
<span key={`si-${index}`} className="thread-icon sticky-icon" title="Sticky" /> <span key={`si-${index}`} className="thread-icon sticky-icon" title="Sticky"
style={{
imageRendering: "pixelated",}} />
) : null} ) : null}
{thread.locked ? ( {thread.locked ? (
<span key={`li-${index}`} className="thread-icon closed-icon" title="Closed" /> <span key={`li-${index}`} className="thread-icon closed-icon" title="Closed"
style={{
imageRendering: "pixelated",}} />
) : null} ) : null}
</div> </div>
) : null} ) : null}
@@ -937,10 +953,14 @@ const Catalog = () => {
<div className='thread-icons' <div className='thread-icons'
style={{position: 'absolute', top: '-2px', right: '15px'}}> style={{position: 'absolute', top: '-2px', right: '15px'}}>
{thread.pinned ? ( {thread.pinned ? (
<span key={`si-${index}`} className="thread-icon sticky-icon" title="Sticky" /> <span key={`si-${index}`} className="thread-icon sticky-icon" title="Sticky"
style={{
imageRendering: "pixelated",}} />
) : null} ) : null}
{thread.locked ? ( {thread.locked ? (
<span key={`li-${index}`} className="thread-icon closed-icon" title="Closed" /> <span key={`li-${index}`} className="thread-icon closed-icon" title="Closed"
style={{
imageRendering: "pixelated",}} />
) : null} ) : null}
</div> </div>
)} )}
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"}} /> <img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px", 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: "-3px", 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"}} /> <img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px", 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: "-3px", 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"}} /> <img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px", 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: "-3px", 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"}} /> <img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px", 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: "-3px", imageRendering: 'pixelated'}} />
</span> </span>
<br /> <br />
<span className="subject-mobile" <span className="subject-mobile"
src/components/views/Thread.jsx
+4 -2
View File
@@ -893,14 +893,16 @@ 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: "-3px",
imageRendering: "pixelated",}} />
</> </>
) : null} ) : null}
{comment.locked ? ( {comment.locked ? (
<> <>
&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: "-3px",
imageRendering: "pixelated",}} />
</> </>
) : null} ) : null}
<PostMenu <PostMenu