diff --git a/board/static/board/post.js b/board/static/board/post.js
index 4fea7bd..959a93a 100644
--- a/board/static/board/post.js
+++ b/board/static/board/post.js
@@ -346,6 +346,16 @@ $(window).on("load", () => {
}
});
+ $(".post_link").on("mouseover", (e) => {
+ let postId = $(e.target).attr("data-post-id");
+ $("#p" + postId + ".post").addClass("post_highlight");
+ });
+
+ $(".post_link").on("mouseout", (e) => {
+ let postId = $(e.target).attr("data-post-id");
+ $("#p" + postId + ".post").removeClass("post_highlight");
+ });
+
$(".youtube_embed_link").on("click", (e) => {
e.preventDefault();
let fullEnt = $(e.target).parents(".youtube_embed");
diff --git a/board/static/board/style.css b/board/static/board/style.css
index 86ce0eb..06b2b1e 100644
--- a/board/static/board/style.css
+++ b/board/static/board/style.css
@@ -1,6 +1,7 @@
:root {
--body: #ededed;
- --highlight: #555;
+ --highlight: #aaa;
+ --link: #555;
--border-color: #555;
--name: #060;
--quote: #595;
@@ -121,6 +122,10 @@ th {
float: right;
}
+.post_highlight {
+ background-color: var(--highlight);
+}
+
.thread {
background-color: var(--post-background);
padding: 10px;
@@ -169,9 +174,6 @@ th {
right: 0px;
}
-/* Youtube embeds */
-
-
/* Spoilers */
.spoiler {
@@ -200,11 +202,11 @@ nav {
/* Misc */
a:link {
- color: var(--highlight);
+ color: var(--link);
}
a:visited {
- color: var(--highlight);
+ color: var(--link);
}
a:hover {
diff --git a/board/templatetags/post_body.py b/board/templatetags/post_body.py
index 6691767..aada964 100644
--- a/board/templatetags/post_body.py
+++ b/board/templatetags/post_body.py
@@ -105,7 +105,10 @@ class ReplyBuilder:
self.adv()
post = Post.objects.filter(id=int(post_id)).first()
if post:
- self.final += f'>>{post_id}'
+ self.final += (
+ f'>>{post_id}'
+ )
else:
self.final += f'>>{post_id}'