From adfbcdce40d7f147aab76de26a2fabab4d9c4ab4 Mon Sep 17 00:00:00 2001
From: janogarcia <jano@janogarcia.com>
Date: Fri, 30 Jul 2021 09:54:28 +0200
Subject: [PATCH] Fix the inconsistent styling between non-markdown and
 markdown parsed links on hover.

It also improves accessibility by not relying exclusively on color for the hover state. That is even more evident for links that are contained within a parent block link (e.g., a quoted message block linking to the source message).

https://webaim.org/techniques/hypertext/link_text#underlining
---
 res/css/views/rooms/_EventTile.scss | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
index 5de9a9f9d10..6e207d674be 100644
--- a/res/css/views/rooms/_EventTile.scss
+++ b/res/css/views/rooms/_EventTile.scss
@@ -459,8 +459,14 @@ $hover-select-border: 4px;
 
 /* Various markdown overrides */
 
-.mx_EventTile_body pre {
-    border: 1px solid transparent;
+.mx_EventTile_body {
+    a:hover {
+        text-decoration: underline;
+    }
+
+    pre {
+        border: 1px solid transparent;
+    }
 }
 
 .mx_EventTile_content .markdown-body {