PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Make sender bold

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-04-02 08:31:42 +02:00
parent e5a563f887
commit 535ae086b4
No known key found for this signature in database
GPG key ID: 9760693FDD98A790
2 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
res/css/views/elements/_ImageView.scss
View file

@ -62,6 +62,10 @@ limitations under the License.
flex-direction: column; flex-direction: column;
} }
.mx_ImageView_info_sender {
font-weight: bold;
}
.mx_ImageView_toolbar { .mx_ImageView_toolbar {
padding-right: 16px; padding-right: 16px;
pointer-events: all; pointer-events: all;

7
src/components/views/elements/ImageView.js
View file

@ -266,6 +266,11 @@ export default class ImageView extends React.Component {
} }
const senderName = mxEvent.sender ? mxEvent.sender.name : mxEvent.getSender(); const senderName = mxEvent.sender ? mxEvent.sender.name : mxEvent.getSender();
const sender = (
<div className="mx_ImageView_info_sender">
{senderName}
</div>
);
const messageTimestamp = ( const messageTimestamp = (
<a <a
href={permalink} href={permalink}
@ -288,7 +293,7 @@ export default class ImageView extends React.Component {
<div className="mx_ImageView_info_wrapper"> <div className="mx_ImageView_info_wrapper">
{avatar} {avatar}
<div className="mx_ImageView_info"> <div className="mx_ImageView_info">
{senderName} {sender}
{messageTimestamp} {messageTimestamp}
</div> </div>
</div> </div>