From 16c09dd5c34743f74319dd41746ec0fe7efb7260 Mon Sep 17 00:00:00 2001
From: tdro <tdro@noreply.example.com>
Date: Fri, 6 May 2022 06:35:12 -0400
Subject: themes/default/layouts/shortcodes/youtube: Remove all styles

Set frame height.
---
 static/css/default.css                         |  9 ---------
 themes/default/layouts/shortcodes/youtube.html | 13 ++++++-------
 2 files changed, 6 insertions(+), 16 deletions(-)

diff --git a/static/css/default.css b/static/css/default.css
index b259d7b..81fea52 100644
--- a/static/css/default.css
+++ b/static/css/default.css
@@ -1366,15 +1366,6 @@ twitter-tweet iframe {
   border: none;
 }
 
-youtube-video div {
-  position: relative;
-  padding-bottom: 56.25%;
-  height: 0;
-  overflow: hidden;
-  min-height: 16rem;
-  border-radius: 0.5rem;
-}
-
 /* ----- Typography ----- */
 
 h1,
diff --git a/themes/default/layouts/shortcodes/youtube.html b/themes/default/layouts/shortcodes/youtube.html
index d257d0d..9af165d 100644
--- a/themes/default/layouts/shortcodes/youtube.html
+++ b/themes/default/layouts/shortcodes/youtube.html
@@ -15,13 +15,12 @@
 {{- end -}}
 
 <youtube-video>
-  <div>
-    <iframe loading="lazy" sandbox="allow-scripts allow-same-origin"
-      src="https://{{ $url }}/embed/{{ $id }}{{ "?controls=1" }}{{ $start }}{{ $end }}{{ $muted }}"
-      style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;"
-      allowfullscreen title="{{ $title }}">
-    </iframe>
-  </div>
+  <iframe loading="lazy"
+    height="300"
+    sandbox="allow-scripts allow-same-origin"
+    src="https://{{ $url }}/embed/{{ $id }}{{ "?controls=1" }}{{ $start }}{{ $end }}{{ $muted }}"
+    allowfullscreen title="{{ $title }}">
+  </iframe>
   <figcaption>
     {{ $title | markdownify }}:
     {{ print "[Link](https://www.youtube.com/watch?v=" $id ")" | markdownify }}
-- 
cgit v1.2.3