diff --git a/lbrytv/component/fileViewerEmbeddedEnded/view.jsx b/lbrytv/component/fileViewerEmbeddedEnded/view.jsx index ec190deff..ea97ccaa3 100644 --- a/lbrytv/component/fileViewerEmbeddedEnded/view.jsx +++ b/lbrytv/component/fileViewerEmbeddedEnded/view.jsx @@ -11,7 +11,7 @@ type Props = { isAuthenticated: boolean, }; -function fileViewerEmbeddedEnded(props: Props) { +function FileViewerEmbeddedEnded(props: Props) { const { uri, isAuthenticated } = props; const prompts = isAuthenticated @@ -52,4 +52,4 @@ function fileViewerEmbeddedEnded(props: Props) { ); } -export default withRouter(fileViewerEmbeddedEnded); +export default withRouter(FileViewerEmbeddedEnded); diff --git a/lbrytv/component/fileViewerEmbeddedTitle/view.jsx b/lbrytv/component/fileViewerEmbeddedTitle/view.jsx index db65ba6f5..de09393da 100644 --- a/lbrytv/component/fileViewerEmbeddedTitle/view.jsx +++ b/lbrytv/component/fileViewerEmbeddedTitle/view.jsx @@ -18,8 +18,8 @@ function fileViewerEmbeddedTitle(props: Props) { return (
-
); } diff --git a/ui/scss/component/_file-render.scss b/ui/scss/component/_file-render.scss index 8a545cc5a..c14d4bfb1 100644 --- a/ui/scss/component/_file-render.scss +++ b/ui/scss/component/_file-render.scss @@ -213,30 +213,25 @@ .file-viewer__embedded-title { position: absolute; + display: flex; + justify-content: space-between; width: 100%; - left: auto; top: 0; - line-height: 1.5; z-index: 2; - color: var(--color-white); font-size: var(--font-large); overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; - max-width: 100%; padding: var(--spacing-small); - background-repeat: repeat-x; - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); - -moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1); - -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1); - transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1); + .button { color: var(--color-white); + + &:first-of-type { + max-width: 90%; + } } } -.file-viewer__embedded-title-logo { - float: right; -} .file-render__content { width: 100%;