From 250912783c27583c0c44459d6aa90c8ef2e3390d Mon Sep 17 00:00:00 2001
From: veselcraft <veselcraft@icloud.com>
Date: Tue, 12 Oct 2021 18:12:11 +0300
Subject: [PATCH] Wall: Fixes non-working links on comments, added a animation
 when link is targeting on comment

Resolves #79
---
 Web/Presenters/templates/components/comment.xml |  4 ++--
 Web/static/css/style.css                        | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/Web/Presenters/templates/components/comment.xml b/Web/Presenters/templates/components/comment.xml
index f6065f25..608fc9ca 100644
--- a/Web/Presenters/templates/components/comment.xml
+++ b/Web/Presenters/templates/components/comment.xml
@@ -1,7 +1,7 @@
 {var author = $comment->getOwner()}
 
 <a name="cid={$comment->getId()}"></a>
-<table border="0" style="font-size: 11px;" class="post" data-comment-id="{$comment->getId()}" data-owner-id="{$author->getId()}">
+<table border="0" style="font-size: 11px;" class="post" id="_comment{$comment->getId()}" data-comment-id="{$comment->getId()}" data-owner-id="{$author->getId()}">
     <tbody>
         <tr>
             <td width="54" valign="top">
@@ -14,7 +14,7 @@
                     <a href="{$author->getURL()}"><b>
                         {$author->getCanonicalName()}
                     </b></a> {$author->isFemale() ? tr("post_writes_f") : tr("post_writes_m")}<br/>
-                    <a href="/comment{$comment->getId()}" class="date">{$comment->getPublicationTime()}</a>
+                    <a href="#_comment{$comment->getId()}" class="date">{$comment->getPublicationTime()}</a>
                 </div>
                 <div class="post-content" id="{$comment->getId()}">
                     <div class="text" id="text{$comment->getId()}">
diff --git a/Web/static/css/style.css b/Web/static/css/style.css
index d825d886..03423620 100644
--- a/Web/static/css/style.css
+++ b/Web/static/css/style.css
@@ -538,6 +538,21 @@ h4 {
     color: #bcbcbc;
 }
 
+.post:target {
+	animation-duration: 5s;
+	animation-name: post-target;
+}
+
+@keyframes post-target {
+	from {
+		background-color: rgba(208, 208, 208, 1);
+	}
+
+	to {
+		background-color: rgba(208, 208, 208, 0);
+	}
+}
+
 .small-textarea {
     height: 24px;
 }