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
pull/21833/head
janogarcia 2021-07-30 09:54:28 +02:00
parent a7c15b2ac0
commit adfbcdce40
1 changed files with 8 additions and 2 deletions

View File

@ -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 {