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 link styling

Browse Source
This commit is contained in:
Tom
2023-04-26 17:09:57 +02:00
parent 5df5e59f80
commit 221c479736
2 changed files with 53 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/styled/Board.styled.jsx
+49 -25
View File
@@ -1866,7 +1866,7 @@ export const BoardForm = styled.div`
float: right; float: right;
text-align: right; text-align: right;
a { a, #reply-button {
text-decoration: none; text-decoration: none;
} }
} }
@@ -1923,11 +1923,15 @@ export const BoardForm = styled.div`
} }
.post-number { .post-number {
text-decoration: none;
color: maroon; color: maroon;
a, #reply-button {
text-decoration: none;
color: maroon;
}
} }
.post-number { #reply-button:hover {
color: red; color: red;
} }
@@ -2093,11 +2097,15 @@ export const BoardForm = styled.div`
} }
.post-number { .post-number {
text-decoration: none;
color: #000; color: #000;
a, #reply-button {
text-decoration: none;
color: #000;
}
} }
.post-number { #reply-button:hover {
color: #d00; color: #d00;
} }
@@ -2262,11 +2270,15 @@ export const BoardForm = styled.div`
} }
.post-number { .post-number {
text-decoration: none;
color: maroon; color: maroon;
a, #reply-button {
text-decoration: none;
color: maroon;
}
} }
.post-number { #reply-button:hover {
color: red; color: red;
} }
@@ -2429,11 +2441,15 @@ export const BoardForm = styled.div`
} }
.post-number { .post-number {
text-decoration: none;
color: #000; color: #000;
a, #reply-button {
text-decoration: none;
color: #000;
}
} }
.post-number { #reply-button:hover {
color: red; color: red;
} }
@@ -2593,11 +2609,15 @@ export const BoardForm = styled.div`
} }
.post-number { .post-number {
text-decoration: none;
color: #c5c8c6; color: #c5c8c6;
a, #reply-button {
text-decoration: none;
color: #c5c8c6;
}
} }
.post-number { #reply-button:hover {
color: #5f89ab; color: #5f89ab;
} }
@@ -2767,11 +2787,15 @@ export const BoardForm = styled.div`
} }
.post-number { .post-number {
text-decoration: none;
color: #333; color: #333;
a, #reply-button {
text-decoration: none;
color: #333;
}
} }
.post-number { #reply-button:hover {
color: #ff3300; color: #ff3300;
} }
@@ -2996,7 +3020,7 @@ export const BoardForm = styled.div`
.date-time-mobile { .date-time-mobile {
color: maroon; color: maroon;
a { a, #reply-button {
text-decoration: none; text-decoration: none;
color: maroon; color: maroon;
} }
@@ -3058,7 +3082,7 @@ export const BoardForm = styled.div`
.date-time-mobile { .date-time-mobile {
color: maroon; color: maroon;
a { a, #reply-button {
color: maroon; color: maroon;
} }
} }
@@ -3113,7 +3137,7 @@ export const BoardForm = styled.div`
.date-time-mobile { .date-time-mobile {
color: #000; color: #000;
a { a, #reply-button {
text-decoration: none; text-decoration: none;
color: #000; color: #000;
} }
@@ -3175,7 +3199,7 @@ export const BoardForm = styled.div`
.date-time-mobile { .date-time-mobile {
color: #000; color: #000;
a { a, #reply-button {
color: #000; color: #000;
} }
} }
@@ -3226,7 +3250,7 @@ export const BoardForm = styled.div`
.date-time-mobile { .date-time-mobile {
color: maroon; color: maroon;
a { a, #reply-button {
text-decoration: none; text-decoration: none;
color: maroon; color: maroon;
} }
@@ -3288,7 +3312,7 @@ export const BoardForm = styled.div`
.date-time-mobile { .date-time-mobile {
color: maroon; color: maroon;
a { a, #reply-button {
color: maroon; color: maroon;
} }
} }
@@ -3342,7 +3366,7 @@ export const BoardForm = styled.div`
.date-time-mobile { .date-time-mobile {
color: #000; color: #000;
a { a, #reply-button {
text-decoration: none; text-decoration: none;
color: #000; color: #000;
} }
@@ -3404,7 +3428,7 @@ export const BoardForm = styled.div`
.date-time-mobile { .date-time-mobile {
color: #000; color: #000;
a { a, #reply-button {
color: #000; color: #000;
} }
} }
@@ -3458,7 +3482,7 @@ export const BoardForm = styled.div`
.date-time-mobile { .date-time-mobile {
color: #707070; color: #707070;
a { a, #reply-button {
text-decoration: none; text-decoration: none;
color: #707070; color: #707070;
} }
@@ -3522,7 +3546,7 @@ export const BoardForm = styled.div`
.date-time-mobile { .date-time-mobile {
color: #707070; color: #707070;
a { a, #reply-button {
color: #707070; color: #707070;
} }
} }
@@ -3576,7 +3600,7 @@ export const BoardForm = styled.div`
.date-time-mobile { .date-time-mobile {
color: #333; color: #333;
a { a, #reply-button {
text-decoration: none; text-decoration: none;
color: #333; color: #333;
} }
@@ -3639,7 +3663,7 @@ export const BoardForm = styled.div`
.date-time-mobile { .date-time-mobile {
color: #333; color: #333;
a { a, #reply-button {
color: #333; color: #333;
} }
} }
src/components/views/Board.jsx
+4 -4
View File
@@ -544,7 +544,7 @@ const Board = () => {
<span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(thread.timestamp)}</span> <span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(thread.timestamp)}</span>
&nbsp; &nbsp;
<span key={`pn-${index}`} className="post-number post-number-desktop"> <span key={`pn-${index}`} className="post-number post-number-desktop">
<Link to={() => {}} key={`pl1-${index}`} title="Link to this post">c/</Link> <span style={{cursor: 'pointer'}} id="reply-button" key={`pl1-${index}`} title="Link to this post">c/</span>
<Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`pl2-${index}`} <Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`pl2-${index}`}
onClick={(e) => { onClick={(e) => {
if (e.button === 2) return; if (e.button === 2) return;
@@ -657,7 +657,7 @@ const Board = () => {
<span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(reply.timestamp)}</span> <span key={`dt-${index}`} className="date-time" data-utc="data">{getDate(reply.timestamp)}</span>
&nbsp; &nbsp;
<span key={`pn-${index}`} className="post-number post-number-desktop"> <span key={`pn-${index}`} className="post-number post-number-desktop">
<Link to={() => {}} key={`pl1-${index}`} title="Link to this post">c/</Link> <span id="reply-button" style={{cursor: 'pointer'}} key={`pl1-${index}`} title="Link to this post">c/</span>
{reply.shortCid ? ( {reply.shortCid ? (
<Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`pl2-${index}`} <Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`pl2-${index}`}
onClick={(e) => { onClick={(e) => {
@@ -811,7 +811,7 @@ const Board = () => {
<span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile"> <span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile">
{getDate(thread.timestamp)} {getDate(thread.timestamp)}
&nbsp; &nbsp;
<Link to={() => {}} key={`mob-no-${index}`} title="Link to this post">c/</Link> <span id="reply-button" style={{cursor: 'pointer'}} key={`mob-no-${index}`} title="Link to this post">c/</span>
<Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`mob-no2-${index}`} <Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`mob-no2-${index}`}
onClick={(e) => { onClick={(e) => {
if (e.button === 2) return; if (e.button === 2) return;
@@ -937,7 +937,7 @@ const Board = () => {
</span> </span>
<span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile"> <span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile">
{getDate(reply.timestamp)}&nbsp; {getDate(reply.timestamp)}&nbsp;
<Link to={() => {}} key={`mob-pl1-${index}`} title="Link to this post">c/</Link> <span id="reply-button" style={{cursor: 'pointer'}} key={`mob-pl1-${index}`} title="Link to this post">c/</span>
{reply.shortCid ? ( {reply.shortCid ? (
<Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`mob-pl2-${index}`} <Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`mob-pl2-${index}`}
onClick={(e) => { onClick={(e) => {