Add tooltip to embed's Title and Home button

## Issue
- Most titles don't fit the embed container width. I wish to know what the title is without having to click on it first.
- Also, add clarity that the LBRY icon brings you Home.
This commit is contained in:
infinite-persistence 2021-03-01 19:00:31 +08:00 committed by Sean Yesmunt
parent fd0e56daa6
commit 9d03968b5e

View file

@ -28,9 +28,15 @@ function FileViewerEmbeddedTitle(props: Props) {
return ( return (
<div className="file-viewer__embedded-header"> <div className="file-viewer__embedded-header">
<div className="file-viewer__embedded-gradient" /> <div className="file-viewer__embedded-gradient" />
<Button label={title} button="link" className="file-viewer__embedded-title" {...contentLinkProps} /> <Button
label={title}
aria-label={title}
button="link"
className="file-viewer__embedded-title"
{...contentLinkProps}
/>
<div className="file-viewer__embedded-info"> <div className="file-viewer__embedded-info">
<Button className="file-viewer__overlay-logo" icon={ICONS.LBRY} {...lbryLinkProps} /> <Button className="file-viewer__overlay-logo" icon={ICONS.LBRY} aria-label={__('Home')} {...lbryLinkProps} />
{isInApp && <FilePrice uri={uri} />} {isInApp && <FilePrice uri={uri} />}
</div> </div>
</div> </div>