From e3e5c50a1322a62ef101381f425a5552192bd271 Mon Sep 17 00:00:00 2001
From: zeppi <jessopb@gmail.com>
Date: Tue, 3 Aug 2021 13:23:52 -0400
Subject: [PATCH] style logo in embed

---
 ui/component/logo/view.jsx                     | 12 +++++++++++-
 ui/scss/component/_embed-player.scss           |  5 +++++
 web/component/fileViewerEmbeddedEnded/view.jsx |  2 +-
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/ui/component/logo/view.jsx b/ui/component/logo/view.jsx
index 145219a1a..4d3456ee5 100644
--- a/ui/component/logo/view.jsx
+++ b/ui/component/logo/view.jsx
@@ -31,7 +31,17 @@ export default function Logo(props: Props) {
     if (LOGO_TEXT_LIGHT) {
       return (
         <>
-          <img className={'header__navigation-logo'} src={LOGO_TEXT_LIGHT} />
+          <img className={'file-viewer__overlay-logo--videoend'} src={LOGO_TEXT_LIGHT} />
+        </>
+      );
+    } else {
+      return defaultWithLabel;
+    }
+  } else if (type === 'embed-ended') {
+    if (LOGO_TEXT_LIGHT) {
+      return (
+        <>
+          <img className={'file-viewer__overlay-logo--videoend'} src={LOGO_TEXT_LIGHT} />
         </>
       );
     } else {
diff --git a/ui/scss/component/_embed-player.scss b/ui/scss/component/_embed-player.scss
index 286d1f4f9..3049f0792 100644
--- a/ui/scss/component/_embed-player.scss
+++ b/ui/scss/component/_embed-player.scss
@@ -60,3 +60,8 @@
     font-size: var(--font-large);
   }
 }
+
+.file-viewer__overlay-logo--videoend {
+  max-height: 3.5rem;
+  max-width: 12rem;
+}
diff --git a/web/component/fileViewerEmbeddedEnded/view.jsx b/web/component/fileViewerEmbeddedEnded/view.jsx
index 86bb1803f..2074289de 100644
--- a/web/component/fileViewerEmbeddedEnded/view.jsx
+++ b/web/component/fileViewerEmbeddedEnded/view.jsx
@@ -38,7 +38,7 @@ function FileViewerEmbeddedEnded(props: Props) {
     <div className="file-viewer__overlay">
       <div className="file-viewer__overlay-secondary">
         <Button className="file-viewer__overlay-logo" href={URL}>
-          <Logo type={'embed'} />
+          <Logo type={'embed-ended'} />
         </Button>
       </div>
       <div className="file-viewer__overlay-title">{prompt}</div>