diff --git a/res/css/views/elements/_ImageView.scss b/res/css/views/elements/_ImageView.scss index c9183a9eab..b98a9baf90 100644 --- a/res/css/views/elements/_ImageView.scss +++ b/res/css/views/elements/_ImageView.scss @@ -62,6 +62,10 @@ limitations under the License. flex-direction: column; } +.mx_ImageView_info_sender { + font-weight: bold; +} + .mx_ImageView_toolbar { padding-right: 16px; pointer-events: all; diff --git a/src/components/views/elements/ImageView.js b/src/components/views/elements/ImageView.js index f39ac8ba19..e2d900117a 100644 --- a/src/components/views/elements/ImageView.js +++ b/src/components/views/elements/ImageView.js @@ -266,6 +266,11 @@ export default class ImageView extends React.Component { } const senderName = mxEvent.sender ? mxEvent.sender.name : mxEvent.getSender(); + const sender = ( +
+ {senderName} +
+ ); const messageTimestamp = ( {avatar}
- {senderName} + {sender} {messageTimestamp}