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:
parent
fd0e56daa6
commit
9d03968b5e
1 changed files with 8 additions and 2 deletions
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue