diff --git a/res/css/views/rooms/_ReplyTile.scss b/res/css/views/rooms/_ReplyTile.scss index 517ef79ef0..552d54367e 100644 --- a/res/css/views/rooms/_ReplyTile.scss +++ b/res/css/views/rooms/_ReplyTile.scss @@ -20,6 +20,10 @@ limitations under the License. font-size: $font-14px; position: relative; line-height: $font-16px; + + .mx_MFileBody_info { + margin: 5px 0; + } } .mx_ReplyTile > a { diff --git a/src/components/views/rooms/ReplyTile.tsx b/src/components/views/rooms/ReplyTile.tsx index 41fc61aa7f..2911e538fc 100644 --- a/src/components/views/rooms/ReplyTile.tsx +++ b/src/components/views/rooms/ReplyTile.tsx @@ -27,6 +27,7 @@ import * as sdk from '../../../index'; import { EventType, MsgType } from 'matrix-js-sdk/src/@types/event'; import { replaceableComponent } from '../../../utils/replaceableComponent'; import { getEventDisplayInfo } from '../../../utils/EventUtils'; +import MFileBody from "../messages/MFileBody"; interface IProps { mxEvent: MatrixEvent; @@ -116,7 +117,7 @@ export default class ReplyTile extends React.PureComponent { const msgtypeOverrides = { [MsgType.Image]: MImageReplyBody, // We don't want a download link for files, just the file name is enough. - [MsgType.File]: TextualBody, + [MsgType.File]: MFileBody, [MsgType.Audio]: TextualBody, [MsgType.Video]: TextualBody, };