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

style(post menu): add post menu styling to yotsuba

Browse Source
This commit is contained in:
plebeius.eth
2023-09-28 13:17:56 +02:00
parent fdebe14cdb
commit bce924e90f
1 changed files with 34 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/styled/views/Catalog.styled.jsx
+34 -17
View File
@@ -17,12 +17,14 @@ export const Threads = styled.div`
padding: 5px 0 3px; padding: 5px 0 3px;
} }
video, audio, img { video,
audio,
img {
max-width: 150px; max-width: 150px;
max-height: 150px; max-height: 150px;
} }
.file-thumb { .file-thumb {
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
@@ -31,8 +33,8 @@ export const Threads = styled.div`
} }
.card { .card {
box-shadow: 0 0 5px rgba(0, 0, 0, .25); box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
border: 0; border: 0;
} }
.thread-icons { .thread-icons {
@@ -64,7 +66,7 @@ export const Threads = styled.div`
} }
.offline-icon-no-link-hovered { .offline-icon-no-link-hovered {
transform: translate(16px,0); transform: translate(16px, 0);
} }
.sticky-icon { .sticky-icon {
background-image: url(assets/sticky.gif); background-image: url(assets/sticky.gif);
@@ -94,7 +96,6 @@ export const Threads = styled.div`
word-wrap: break-word; word-wrap: break-word;
} }
${({ selectedStyle }) => { ${({ selectedStyle }) => {
switch (selectedStyle) { switch (selectedStyle) {
case 'Yotsuba': case 'Yotsuba':
@@ -155,7 +156,6 @@ export const PostPreview = styled.div`
font-weight: 700; font-weight: 700;
} }
${({ selectedStyle }) => { ${({ selectedStyle }) => {
switch (selectedStyle) { switch (selectedStyle) {
case 'Yotsuba': case 'Yotsuba':
@@ -284,9 +284,27 @@ export const PostMenuCatalog = styled.div`
${({ selectedStyle }) => { ${({ selectedStyle }) => {
switch (selectedStyle) { switch (selectedStyle) {
case 'Yotsuba': case 'Yotsuba':
return `.post-subject{ return `.highlighted, .highlighted-click, .highlighted-address {
color:red; background-color: #f0c0b0 !important;
}`; border: 1px solid #d9bfb7 !important;
border-left: none !important;
border-top: none !important;
}
.post-menu-catalog {
border-right: 1px solid #d9bfb7;
border-bottom: 2px solid #d9bfb7;
li {
border: 1px solid #d9bfb7;
background-color: #f0e0d6;
border-bottom: none;
:hover {
background-color: #ffe;
}
}
}`;
case 'Yotsuba-B': case 'Yotsuba-B':
return `.highlighted, .highlighted-click, .highlighted-address { return `.highlighted, .highlighted-click, .highlighted-address {
@@ -395,9 +413,8 @@ export const PostMenuCatalog = styled.div`
} }
}`; }`;
default:
default: return '';
return ''; }
} }}
}} `;
`;