From ce2dedff6b8e21900e1e34e089dfdd86bca652a1 Mon Sep 17 00:00:00 2001
From: Tyrrrz <tyrrrrrr@gmail.com>
Date: Mon, 14 Jun 2021 21:33:20 +0300
Subject: [PATCH] [HTML] Use a clickable <div> instead of <a> for reply
 reference link

Fixes #546
---
 DiscordChatExporter.Core/Exporting/Writers/Html/Core.css | 9 +++++----
 .../Exporting/Writers/Html/MessageGroupTemplate.cshtml   | 4 ++--
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/DiscordChatExporter.Core/Exporting/Writers/Html/Core.css b/DiscordChatExporter.Core/Exporting/Writers/Html/Core.css
index a5e9ef85..ba6eea6f 100644
--- a/DiscordChatExporter.Core/Exporting/Writers/Html/Core.css
+++ b/DiscordChatExporter.Core/Exporting/Writers/Html/Core.css
@@ -244,16 +244,17 @@ img {
     flex-grow: 1;
     overflow: hidden;
     text-overflow: ellipsis;
-}
-
-.chatlog__reference-link:hover {
-    text-decoration: none;
+    cursor: pointer;
 }
 
 .chatlog__reference-content > * {
     display: inline;
 }
 
+.chatlog__reference-content > a:hover {
+    text-decoration: none;
+}
+
 .chatlog__reference-edited-timestamp {
     margin-left: 0.25em;
     font-size: 0.8em;
diff --git a/DiscordChatExporter.Core/Exporting/Writers/Html/MessageGroupTemplate.cshtml b/DiscordChatExporter.Core/Exporting/Writers/Html/MessageGroupTemplate.cshtml
index 4eb1acf6..cef8c3f6 100644
--- a/DiscordChatExporter.Core/Exporting/Writers/Html/MessageGroupTemplate.cshtml
+++ b/DiscordChatExporter.Core/Exporting/Writers/Html/MessageGroupTemplate.cshtml
@@ -54,7 +54,7 @@
             {
                 <img class="chatlog__reference-avatar" src="@await ResolveUrlAsync(Model.MessageGroup.ReferencedMessage.Author.AvatarUrl)" alt="Avatar">
                 <span class="chatlog__reference-name" title="@Model.MessageGroup.ReferencedMessage.Author.FullName" style="@referencedUserColorStyle">@referencedUserNick</span>
-                <a class="chatlog__reference-link" href="#" onclick="scrollToMessage(event, '@Model.MessageGroup.ReferencedMessage.Id')">
+                <div class="chatlog__reference-link" onclick="scrollToMessage(event, '@Model.MessageGroup.ReferencedMessage.Id')">
                     <span class="chatlog__reference-content">
                         @if (!string.IsNullOrWhiteSpace(Model.MessageGroup.ReferencedMessage.Content))
                         {
@@ -70,7 +70,7 @@
                     {
                         <span class="chatlog__reference-edited-timestamp" title="@FormatDate(Model.MessageGroup.ReferencedMessage.EditedTimestamp.Value)">(edited)</span>
                     }
-                </a>
+                </div>
             }
             else
             {