mirrors/element-web
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2026-05-10 06:36:21 +02:00
Code Issues Projects Releases Wiki Activity

Render container always

Browse Source
This commit is contained in:
R Midhun Suresh 2026-01-29 00:55:58 +05:30
parent 4daf227137
commit 43297a6052
No known key found for this signature in database
3 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
res/css/views/messages/_EventTileBubble.pcss
View File

@ -12,8 +12,6 @@ Please see LICENSE files in the repository root for full details.
background-color: $dark-panel-bg-color;
padding: 10px;
border-radius: 8px;
/* Reserve space for external timestamps, but also cap the width */
max-width: min(calc(100% - 2 * var(--MessageTimestamp-width)), 600px);
box-sizing: border-box;
display: grid;
grid-template-columns: 24px minmax(0, 1fr) min-content min-content;

11
res/css/views/rooms/_EventTile.pcss
View File

@ -1383,3 +1383,14 @@ $left-gutter: 64px;
margin-right: 0;
}
}
.mx_EventTile.mx_EventTile_bubbleContainer {
.mx_EventTile_line {
display: grid;
grid-template-columns: 64px auto;
}
}
.mx_EventTile_timestampContainer_hidden {
visibility: hidden;
}

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

@ -1175,8 +1175,11 @@ export class UnwrappedEventTile extends React.Component<EventTileProps, IState>
// Used to simplify the UI layout where necessary by not conditionally rendering an element at the start
const dummyTimestamp = useIRCLayout ? <span className="mx_MessageTimestamp" /> : null;
const timestamp = showTimestamp && ts ? messageTimestamp : dummyTimestamp;
const linkedTimestamp =
timestamp !== dummyTimestamp && !this.props.hideTimestamp ? linkedMessageTimestamp : dummyTimestamp;
const linkedTimestampContent = timestamp !== dummyTimestamp ? linkedMessageTimestamp : dummyTimestamp;
const linkedTimestampClass = classNames({
mx_EventTile_timestampContainer_hidden: !showTimestamp,
});
const linkedTimestamp = <div className={linkedTimestampClass}>{linkedTimestampContent}</div>;
let pinnedMessageBadge: JSX.Element | undefined;
if (PinningUtils.isPinned(MatrixClientPeg.safeGet(), this.props.mxEvent)) {