diff --git a/web/src/ui/timeline/TimelineEvent.css b/web/src/ui/timeline/TimelineEvent.css index 3ba9e50..fe63983 100644 --- a/web/src/ui/timeline/TimelineEvent.css +++ b/web/src/ui/timeline/TimelineEvent.css @@ -10,3 +10,7 @@ div.media-container { max-height: 100%; } } + +img[data-mx-emoticon] { + vertical-align: middle; +} diff --git a/web/src/util/html.ts b/web/src/util/html.ts index 6859446..77adabd 100644 --- a/web/src/util/html.ts +++ b/web/src/util/html.ts @@ -188,7 +188,7 @@ export const sanitizeHtmlParams: sanitizeHtml.IOptions = { // eslint-disable-next-line id-length a: ["href", "name", "target", "rel"], // remote target: custom to matrix // img tags also accept width/height, we just map those to max-width & max-height during transformation - img: ["src", "alt", "title", "style"], + img: ["src", "alt", "title", "style", "data-mx-emoticon"], ol: ["start"], code: ["class"], // We don't actually allow all classes, we filter them in transformTags },