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 (
|
||||
<div className="file-viewer__embedded-header">
|
||||
<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">
|
||||
<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} />}
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue