make link styling like element, blue an no underline

This commit is contained in:
Bruno Windels 2021-07-16 16:27:43 +02:00
parent f012c64fc5
commit 2159b67ba4
2 changed files with 6 additions and 1 deletions

View file

@ -141,6 +141,11 @@ limitations under the License.
word-break: break-all;
}
.Timeline_messageBody a.link {
color: #238cf5;
text-decoration: none;
}
.Timeline_messageBody .media {
display: grid;
margin-top: 4px;

View file

@ -90,7 +90,7 @@ const formatFunction = {
emph: emphPart => tag.em({}, renderParts(emphPart.inlines)),
code: codePart => tag.code({}, text(codePart.text)),
text: textPart => text(textPart.text),
link: linkPart => tag.a({ href: linkPart.url, target: "_blank", rel: "noopener" }, renderParts(linkPart.inlines)),
link: linkPart => tag.a({href: linkPart.url, className: "link", target: "_blank", rel: "noopener" }, renderParts(linkPart.inlines)),
pill: renderPill,
format: formatPart => tag[formatPart.format]({}, renderParts(formatPart.children)),
list: renderList,