Arsharth/hydrogen-web
1
0
Fork 0
forked from mystiq/hydrogen-web
Code Issues Pull requests Projects Releases Packages Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/platform/web/ui/css/themes/element/timeline.css
View file

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

2
src/platform/web/ui/session/room/timeline/TextMessageView.js
View file

@ -61,7 +61,7 @@ function renderPill(pillPart) {
const avatar = tag.div({class: classes}, text(pillPart.avatarInitials)); const avatar = tag.div({class: classes}, text(pillPart.avatarInitials));
const children = renderParts(pillPart.children); const children = renderParts(pillPart.children);
children.unshift(avatar); 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) { function renderTable(tablePart) {