forked from mystiq/hydrogen-web
fix pill styling a bit, and open in new tab/noopener
This commit is contained in:
parent
c619eba8cf
commit
f012c64fc5
2 changed files with 5 additions and 2 deletions
|
@ -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 {
|
||||
|
|
|
@ -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) {
|
||||
|
|
Loading…
Reference in a new issue