michael/cinny
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity

show mxId on hover over displayname

Browse source
This commit is contained in:
unknown 2021-08-11 13:58:53 +05:30
parent 717ffe560f
commit c9b1a062ce
2 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/app/molecules/message/Message.jsx
View file

@ -72,6 +72,7 @@ function MessageHeader({
<div className="message__header">
<div style={{ color }} className="message__profile">
<Text variant="b1">{name}</Text>
<Text variant="b1">{userId}</Text>
</div>
<div className="message__time">
<Text variant="b3">{time}</Text>

10
src/app/molecules/message/Message.scss
View file

@ -104,7 +104,6 @@
align-items: baseline;
& .message__profile {
flex: 1;
min-width: 0;
color: var(--tc-surface-high);
margin-right: var(--sp-tight);
@ -121,10 +120,19 @@
white-space: nowrap;
text-overflow: ellipsis;
}
& > .text:last-child { display: none; }
&:hover {
& > .text:first-child { display: none; }
& > .text:last-child { display: block; }
}
}
& .message__time {
flex: 1;
display: flex;
justify-content: flex-end;
& > .text {
white-space: nowrap;
color: var(--tc-surface-low);
}
}