PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

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

Browse source 
* 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>
This commit is contained in:
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