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

add replies on desktop

Browse Source
This commit is contained in:
plebeius.eth
2024-03-30 18:10:19 +01:00
parent 296cc622dd
commit 57c3c4e533
3 changed files with 101 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/post/post.module.css
+43 -8
View File
@@ -58,27 +58,31 @@
width: 100%;
}
.postDesktop .checkbox, .replyDesktop .checkbox {
padding: 3px 7px 3px 4px;
}
.postDesktop .subject {
color: var(--post-subject-text-color);
font-weight: var(--post-subject-font-weight);
}
.postDesktop .name {
.postDesktop .name, .replyDesktop .name {
color: var(--post-name-text-color);
font-weight: var(--post-name-font-weight);
}
.postDesktop .postNumLink a, .postDesktop .postNumLink span {
.postDesktop .postNumLink a, .postDesktop .postNumLink span, .replyDesktop .postNumLink a, .replyDesktop .postNumLink span {
color: unset;
text-decoration: unset;
}
.postDesktop .postNumLink a:hover, .postDesktop .postNumLink span:hover {
.postDesktop .postNumLink a:hover, .postDesktop .postNumLink span:hover, .replyDesktop .postNumLink a:hover, .replyDesktop .postNumLink span:hover {
cursor: pointer;
color: var(--button-desktop-text-color-hover);
}
.postDesktop .stickyIconWrapper {
.postDesktop .stickyIconWrapper, .replyDesktop .stickyIconWrapper {
padding-left: 5px;
}
@@ -86,7 +90,7 @@
padding-left: 3px;
}
.postDesktop .stickyIconWrapper img, .postDesktop .closedIconWrapper img {
.postDesktop .stickyIconWrapper img, .postDesktop .closedIconWrapper img, .replyDesktop .stickyIconWrapper img, .replyDesktop .closedIconWrapper img {
width: 16px;
height: 16px;
border: none;
@@ -108,17 +112,17 @@
color: var(--button-desktop-text-color-hover);
}
.postDesktop .postMenuBtn {
.postDesktop .postMenuBtn, .replyDesktop .postMenuBtn {
padding-left: 5px;
color: var(--post-menu-button-color);
}
.postDesktop .postMenuBtn:hover {
.postDesktop .postMenuBtn:hover, .replyDesktop .postMenuBtn:hover {
cursor: pointer;
color: var(--post-menu-button-color-hover);
}
.postDesktop .postMessage {
.postDesktop .postMessage, .replyDesktop .postMessage {
padding: 1em 40px;
}
@@ -249,14 +253,45 @@
text-decoration: var(--post-content-link-text-decoration-hover);
}
.replyDesktop {
padding-bottom: 4px;
}
.replyDesktop .sideArrows {
color: var(--side-arrows-color);
float: left;
padding: 0 2px;
}
.replyDesktop .reply {
background-color: #f0e0d6;
border: 1px solid #d9bfb7;
border-left: none;
border-top: none;
display: table;
padding: 2px;
}
.replyDesktop .postInfo {
padding: 3px 3px 0 0;
}
@media (max-width: 640px) {
.postDesktop {
display: none;
}
.replyDesktop {
display: none;
}
}
@media (min-width: 641px) {
.postMobile {
display: none;
}
.replyMobile {
display: none;
}
}