From b42e882a02291bcaf4d732c339b7760abbc589d8 Mon Sep 17 00:00:00 2001
From: infinite-persistence <inf.persistence@gmail.com>
Date: Tue, 21 Sep 2021 16:23:37 +0800
Subject: [PATCH] Embed: resize "ended message" based on container height

---
 ui/scss/component/_file-render.scss            | 6 +++++-
 web/component/fileViewerEmbeddedEnded/view.jsx | 4 +++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui/scss/component/_file-render.scss b/ui/scss/component/_file-render.scss
index 2b65b0d7d..d43615d91 100644
--- a/ui/scss/component/_file-render.scss
+++ b/ui/scss/component/_file-render.scss
@@ -196,7 +196,11 @@
 }
 
 .file-viewer_embed-ended-title {
-  white-space: pre-wrap;
+  max-width: 100%;
+  p {
+    font-size: 6vh;
+    white-space: pre-wrap;
+  }
 }
 
 .content__viewer--floating {
diff --git a/web/component/fileViewerEmbeddedEnded/view.jsx b/web/component/fileViewerEmbeddedEnded/view.jsx
index 695637716..d365146b5 100644
--- a/web/component/fileViewerEmbeddedEnded/view.jsx
+++ b/web/component/fileViewerEmbeddedEnded/view.jsx
@@ -46,7 +46,9 @@ function FileViewerEmbeddedEnded(props: Props) {
       </div>
       {!preferEmbed && (
         <>
-          <div className="file-viewer__overlay-title file-viewer_embed-ended-title">{prompt}</div>
+          <div className="file-viewer__overlay-title file-viewer_embed-ended-title">
+            <p>{prompt}</p>
+          </div>
           <div className="file-viewer__overlay-actions">
             <>
               {showReplay && (