Wall: Fixes non-working links on comments, added a animation when link is targeting on comment

Resolves #79
This commit is contained in:
veselcraft 2021-10-12 18:12:11 +03:00
parent 129d415877
commit 250912783c
2 changed files with 17 additions and 2 deletions

View file

@ -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()}">

View file

@ -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;
}