OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Use Compound tooltips on MessageTimestamp to improve UX of date time discovery (#11732) 

* Use Compound tooltips on MessageTimestamp to improve UX of date time discovery

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update snapshot

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update snapshot

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
pull/28788/head^2
Michael Telatynski 2023-10-13 12:26:12 +01:00 committed by GitHub
parent 27bb67bac5
commit 4605fd7396
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/views/messages/MessageTimestamp.tsx
View File

@ -16,6 +16,7 @@ limitations under the License.
*/ */
import React from "react"; import React from "react";
import { Tooltip } from "@vector-im/compound-web";
import { formatFullDate, formatTime, formatFullTime, formatRelativeTime } from "../../../DateUtils"; import { formatFullDate, formatTime, formatFullTime, formatRelativeTime } from "../../../DateUtils";
@ -42,14 +43,11 @@ export default class MessageTimestamp extends React.Component<IProps> {
} }
return ( return (
<span <Tooltip label={formatFullDate(date, this.props.showTwelveHour)}>
className="mx_MessageTimestamp" <span className="mx_MessageTimestamp" aria-hidden={true} aria-live="off">
title={formatFullDate(date, this.props.showTwelveHour)} {timestamp}
aria-hidden={true} </span>
aria-live="off" </Tooltip>
>
{timestamp}
</span>
); );
} }
} }

2
test/utils/exportUtils/__snapshots__/HTMLExport-test.ts.snap
View File

File diff suppressed because one or more lines are too long