From a50bdd80f89c36adbc123d1daf9b42c97d5e1505 Mon Sep 17 00:00:00 2001
From: "Yuichiro Tachibana (Tsuchiya)" <t.yic.yt@gmail.com>
Date: Wed, 22 Feb 2023 18:08:07 +0900
Subject: [PATCH 1/3] Set embed mode of a Streamlit app example

---
 docs/hub/spaces-sdks-streamlit.md | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/docs/hub/spaces-sdks-streamlit.md b/docs/hub/spaces-sdks-streamlit.md
index afb6e3605..43dd4f598 100644
--- a/docs/hub/spaces-sdks-streamlit.md
+++ b/docs/hub/spaces-sdks-streamlit.md
@@ -77,9 +77,23 @@ You can use the HTML `<iframe>` tag to embed a Streamlit Space as an inline fram
 For example, the demo above can be embedded in these docs with the following tag:
 
 ```
-<iframe src="https://NimaBoscarino-hotdog-streamlit.hf.space" title="My awesome Streamlit Space"></iframe>
+<iframe
+  src="https://NimaBoscarino-hotdog-streamlit.hf.space?embed=true"
+  title="My awesome Streamlit Space"
+></iframe>
 ```
 
-<iframe src="https://NimaBoscarino-hotdog-streamlit.hf.space" frameBorder="0" height="600" title="Streamlit app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
+<iframe
+  src="https://NimaBoscarino-hotdog-streamlit.hf.space?embed=true"
+  frameborder="0"
+  height="364"  <!-- This height is calculated as 236 + 64 * 2. 236 is the inner content height measured with Chrome 108. 64 is padding-top of its container element. -->
+  title="Streamlit app"
+  class="container p-0 flex-grow space-iframe"
+  allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking"
+  sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"
+></iframe>
+
+Please note that we have added `?embed=true` to the URL, which makes the Streamlit app rendered in embed mode, removing some non-essential parts such as the footer.
+
 
 Additionally, you can checkout [our documentation](./spaces-embed).

From 2aa8cb51a47cf80b7faf7476d91029d16070757e Mon Sep 17 00:00:00 2001
From: "Yuichiro Tachibana (Tsuchiya)" <t.yic.yt@gmail.com>
Date: Wed, 22 Feb 2023 18:20:39 +0900
Subject: [PATCH 2/3] Fix a comment in Markdown

---
 docs/hub/spaces-sdks-streamlit.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/hub/spaces-sdks-streamlit.md b/docs/hub/spaces-sdks-streamlit.md
index 43dd4f598..4c3f3309c 100644
--- a/docs/hub/spaces-sdks-streamlit.md
+++ b/docs/hub/spaces-sdks-streamlit.md
@@ -83,10 +83,11 @@ For example, the demo above can be embedded in these docs with the following tag
 ></iframe>
 ```
 
+<!-- The height of this iframe has been calculated as 236 + 64 * 2. 236 is the inner content height measured with Chrome 108. 64 is padding-top of its container element. -->
 <iframe
   src="https://NimaBoscarino-hotdog-streamlit.hf.space?embed=true"
   frameborder="0"
-  height="364"  <!-- This height is calculated as 236 + 64 * 2. 236 is the inner content height measured with Chrome 108. 64 is padding-top of its container element. -->
+  height="364"
   title="Streamlit app"
   class="container p-0 flex-grow space-iframe"
   allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking"

From aa061c237145c0617cf46ca48d1f79eb2c814a90 Mon Sep 17 00:00:00 2001
From: "Yuichiro Tachibana (Tsuchiya)" <t.yic.yt@gmail.com>
Date: Wed, 22 Feb 2023 20:50:02 +0900
Subject: [PATCH 3/3] Fix the test

---
 docs/hub/spaces-sdks-streamlit.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/hub/spaces-sdks-streamlit.md b/docs/hub/spaces-sdks-streamlit.md
index 4c3f3309c..049d3efee 100644
--- a/docs/hub/spaces-sdks-streamlit.md
+++ b/docs/hub/spaces-sdks-streamlit.md
@@ -94,7 +94,7 @@ For example, the demo above can be embedded in these docs with the following tag
   sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"
 ></iframe>
 
-Please note that we have added `?embed=true` to the URL, which makes the Streamlit app rendered in embed mode, removing some non-essential parts such as the footer.
+Please note that we have added `?embed=true` to the URL, which activates the embed mode of the Streamlit app, removing some spacers and the footer for slim embeds.
 
 
 Additionally, you can checkout [our documentation](./spaces-embed).