fix pill styling a bit, and open in new tab/noopener

This commit is contained in:
Bruno Windels 2021-07-16 16:27:22 +02:00
parent c619eba8cf
commit f012c64fc5
2 changed files with 5 additions and 2 deletions

View file

@ -241,13 +241,16 @@ only loads when the top comes into view*/
}
.Timeline_messageBody .pill {
padding: 0px 5px 0px 5px;
padding: 0px 5px;
border-radius: 15px;
background-color: #f6f6f6;
border: 1px solid rgb(206, 206, 206);
text-decoration: none;
display: inline-flex;
align-items: center;
line-height: 2rem;
vertical-align: top;
margin: 1px;
}
.Timeline_messageBody .pill div.avatar {

View file

@ -61,7 +61,7 @@ function renderPill(pillPart) {
const avatar = tag.div({class: classes}, text(pillPart.avatarInitials));
const children = renderParts(pillPart.children);
children.unshift(avatar);
return tag.a({ class: "pill", href: pillPart.href }, children);
return tag.a({class: "pill", href: pillPart.href, rel: "noopener", target: "_blank"}, children);
}
function renderTable(tablePart) {