Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-16 05:04:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix broken thread list timestamp display (#7549)

Browse Source
This commit is contained in:
Germain 2022-01-19 10:41:39 +00:00 committed by GitHub
parent 336217f668
commit 8427bf46ef
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 34 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
res/css/views/rooms/_EventTile.scss
View File

@ -803,6 +803,10 @@ $left-gutter: 64px;
margin: var(--topOffset) 16px var(--topOffset) 0;
border-radius: 8px;
display: flex;
flex-flow: wrap;
align-items: center;
&:hover {
background-color: $system;
}
@ -848,16 +852,42 @@ $left-gutter: 64px;
.mx_SenderProfile {
margin-left: var(--leftOffset) !important;
flex: 1;
margin-right: 12px;
display: inline-flex;
// not a fan of the magic number here, but I just tweaked
// the hardcoded value of the current implementation
max-width: calc(100% - 96px);
}
.mx_SenderProfile_displayName,
.mx_SenderProfile_mxid {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.mx_SenderProfile_displayName {
flex: none;
max-width: 100%;
}
.mx_SenderProfile_mxid {
flex: 1;
}
.mx_EventTile_line {
width: 100%;
box-sizing: border-box;
padding-left: var(--leftOffset) !important;
padding-bottom: 0;
}
.mx_MessageTimestamp {
right: 0;
left: auto !important;
top: -23px;
position: initial !important;
max-width: 80px;
width: auto !important;
}
}

2
src/components/views/rooms/EventTile.tsx
View File

@ -1473,11 +1473,11 @@ export default class EventTile extends React.Component<IProps, IState> {
}, <>
{ sender }
{ avatar }
{ timestamp }
<div
className={lineClasses}
key="mx_EventTile_line"
>
{ linkedTimestamp }
{ this.renderE2EPadlock() }
<div className="mx_EventTile_body">
{ MessagePreviewStore.instance.generatePreviewForEvent(this.props.mxEvent) }