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;
text-align: right;
a {
a, #reply-button {
text-decoration: none;
}
}
@@ -1923,11 +1923,15 @@ export const BoardForm = styled.div`
}
.post-number {
text-decoration: none;
color: maroon;
a, #reply-button {
text-decoration: none;
color: maroon;
}
}
.post-number {
#reply-button:hover {
color: red;
}
@@ -2093,11 +2097,15 @@ export const BoardForm = styled.div`
}
.post-number {
text-decoration: none;
color: #000;
a, #reply-button {
text-decoration: none;
color: #000;
}
}
.post-number {
#reply-button:hover {
color: #d00;
}
@@ -2262,11 +2270,15 @@ export const BoardForm = styled.div`
}
.post-number {
text-decoration: none;
color: maroon;
a, #reply-button {
text-decoration: none;
color: maroon;
}
}
.post-number {
#reply-button:hover {
color: red;
}
@@ -2429,11 +2441,15 @@ export const BoardForm = styled.div`
}
.post-number {
text-decoration: none;
color: #000;
a, #reply-button {
text-decoration: none;
color: #000;
}
}
.post-number {
#reply-button:hover {
color: red;
}
@@ -2593,11 +2609,15 @@ export const BoardForm = styled.div`
}
.post-number {
text-decoration: none;
color: #c5c8c6;
a, #reply-button {
text-decoration: none;
color: #c5c8c6;
}
}
.post-number {
#reply-button:hover {
color: #5f89ab;
}
@@ -2767,11 +2787,15 @@ export const BoardForm = styled.div`
}
.post-number {
text-decoration: none;
color: #333;
a, #reply-button {
text-decoration: none;
color: #333;
}
}
.post-number {
#reply-button:hover {
color: #ff3300;
}
@@ -2996,7 +3020,7 @@ export const BoardForm = styled.div`
.date-time-mobile {
color: maroon;
a {
a, #reply-button {
text-decoration: none;
color: maroon;
}
@@ -3058,7 +3082,7 @@ export const BoardForm = styled.div`
.date-time-mobile {
color: maroon;
a {
a, #reply-button {
color: maroon;
}
}
@@ -3113,7 +3137,7 @@ export const BoardForm = styled.div`
.date-time-mobile {
color: #000;
a {
a, #reply-button {
text-decoration: none;
color: #000;
}
@@ -3175,7 +3199,7 @@ export const BoardForm = styled.div`
.date-time-mobile {
color: #000;
a {
a, #reply-button {
color: #000;
}
}
@@ -3226,7 +3250,7 @@ export const BoardForm = styled.div`
.date-time-mobile {
color: maroon;
a {
a, #reply-button {
text-decoration: none;
color: maroon;
}
@@ -3288,7 +3312,7 @@ export const BoardForm = styled.div`
.date-time-mobile {
color: maroon;
a {
a, #reply-button {
color: maroon;
}
}
@@ -3342,7 +3366,7 @@ export const BoardForm = styled.div`
.date-time-mobile {
color: #000;
a {
a, #reply-button {
text-decoration: none;
color: #000;
}
@@ -3404,7 +3428,7 @@ export const BoardForm = styled.div`
.date-time-mobile {
color: #000;
a {
a, #reply-button {
color: #000;
}
}
@@ -3458,7 +3482,7 @@ export const BoardForm = styled.div`
.date-time-mobile {
color: #707070;
a {
a, #reply-button {
text-decoration: none;
color: #707070;
}
@@ -3522,7 +3546,7 @@ export const BoardForm = styled.div`
.date-time-mobile {
color: #707070;
a {
a, #reply-button {
color: #707070;
}
}
@@ -3576,7 +3600,7 @@ export const BoardForm = styled.div`
.date-time-mobile {
color: #333;
a {
a, #reply-button {
text-decoration: none;
color: #333;
}
@@ -3639,7 +3663,7 @@ export const BoardForm = styled.div`
.date-time-mobile {
color: #333;
a {
a, #reply-button {
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>
&nbsp;
<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}`}
onClick={(e) => {
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>
&nbsp;
<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 ? (
<Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`pl2-${index}`}
onClick={(e) => {
@@ -811,7 +811,7 @@ const Board = () => {
<span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile">
{getDate(thread.timestamp)}
&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}`}
onClick={(e) => {
if (e.button === 2) return;
@@ -937,7 +937,7 @@ const Board = () => {
</span>
<span key={`mob-dt-${index}`} className="date-time-mobile post-number-mobile">
{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 ? (
<Link to={`/p/${selectedAddress}/c/${thread.cid}`} id="reply-button" key={`mob-pl2-${index}`}
onClick={(e) => {