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 mobile highlight style

Browse Source
This commit is contained in:
plebbitor
2023-04-18 15:34:13 +02:00
parent 1dc5a577ae
commit 28af6501e8
1 changed files with 82 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/styled/Board.styled.jsx
+82 -32
View File
@@ -1552,6 +1552,50 @@ export const BoardForm = styled.div`
.summary { .summary {
margin-top: 10px; margin-top: 10px;
} }
${({ selectedStyle }) => {
switch (selectedStyle) {
case 'Yotsuba':
return `.highlighted {
background-color: #f0c0b0 !important;
border: 1px solid #d99f91 !important;
border-left: none !important;
border-top: none !important;
}`;
case 'Yotsuba-B':
return `.highlighted {
background-color: #d6bad0 !important;
border: 1px solid #ba9dbf !important;
border-left: none !important;
border-top: none !important;
}`;
case 'Futaba':
return `.highlighted {
background-color: #f0c0b0 !important;
}`;
case 'Burichan':
return `.highlighted {
background-color: #d6bad0 !important;
}`;
case 'Tomorrow':
return `.highlighted {
background-color: #1d1d21 !important;
border: 1px solid #111 !important;
}
`;
case 'Photon':
return `.highlighted {
background-color: #ccc !important;
border: 1px solid #ccc !important;
}`;
}
}}
} }
.file { .file {
@@ -1974,13 +2018,6 @@ export const BoardForm = styled.div`
margin: 4px 0; margin: 4px 0;
} }
.highlighted {
background-color: #f0c0b0 !important;
border: 1px solid #d99f91 !important;
border-left: none !important;
border-top: none !important;
}
hr { hr {
border: none; border: none;
border-top: 1px solid #d9bfb7; border-top: 1px solid #d9bfb7;
@@ -2147,13 +2184,6 @@ export const BoardForm = styled.div`
margin: 4px 0; margin: 4px 0;
} }
.highlighted {
background-color: #d6bad0 !important;
border: 1px solid #ba9dbf !important;
border-left: none !important;
border-top: none !important;
}
hr { hr {
border: none; border: none;
border-top: 1px solid #b7c5d9; border-top: 1px solid #b7c5d9;
@@ -2323,10 +2353,6 @@ export const BoardForm = styled.div`
margin: 4px 0 margin: 4px 0
} }
.highlighted {
background-color: #f0c0b0 !important;
}
hr { hr {
clear: both; clear: both;
}`; }`;
@@ -2494,10 +2520,6 @@ export const BoardForm = styled.div`
margin: 4px 0 margin: 4px 0
} }
.highlighted {
background-color: #d6bad0 !important;
}
hr { hr {
clear: both; clear: both;
}`; }`;
@@ -2670,11 +2692,6 @@ export const BoardForm = styled.div`
margin: 4px 0 margin: 4px 0
} }
.highlighted {
background-color: #1d1d21 !important;
border: 1px solid #111 !important;
}
hr { hr {
border: none; border: none;
border-top: 1px solid #282a2e; border-top: 1px solid #282a2e;
@@ -2846,11 +2863,6 @@ export const BoardForm = styled.div`
margin: 4px 0 margin: 4px 0
} }
.highlighted {
background-color: #ccc !important;
border: 1px solid #ccc !important;
}
hr { hr {
border: none; border: none;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
@@ -2884,6 +2896,44 @@ export const BoardForm = styled.div`
display: none; display: none;
} }
${({ selectedStyle }) => {
switch (selectedStyle) {
case 'Yotsuba':
return `.highlighted {
background-color: #f0c0b0 !important;
border-left: none !important;
border-top: none !important;
}`;
case 'Yotsuba-B':
return `.highlighted {
background-color: #d6bad0 !important;
border-left: none !important;
border-top: none !important;
}`;
case 'Futaba':
return `.highlighted {
background-color: #f0c0b0 !important;
}`;
case 'Burichan':
return `.highlighted {
background-color: #d6bad0 !important;
}`;
case 'Tomorrow':
return `.highlighted {
background-color: #1d1d21 !important;
}`;
case 'Photon':
return `.highlighted {
background-color: #ccc !important;
}`;
}
}}
${({ selectedStyle }) => { ${({ selectedStyle }) => {
switch (selectedStyle) { switch (selectedStyle) {
case 'Yotsuba': case 'Yotsuba':