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 className="message__header">
<div style={{ color }} className="message__profile"> <div style={{ color }} className="message__profile">
<Text variant="b1">{name}</Text> <Text variant="b1">{name}</Text>
<Text variant="b1">{userId}</Text>
</div> </div>
<div className="message__time"> <div className="message__time">
<Text variant="b3">{time}</Text> <Text variant="b3">{time}</Text>

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

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