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}'