fix: improve sizing

luwes · Apr 2, 2023 · 4b7ef4d · 4b7ef4d · vercel · Apr 2, 2023
1 parent cda8c32
commit 4b7ef4d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -20,6 +20,7 @@
     width: 100%;
   }
   wistia-video {
+    display: block;
     width: 100%;
     aspect-ratio: 16 / 9;
     background: #000;

diff --git a/wistia-video-element.js b/wistia-video-element.js
@@ -10,11 +10,14 @@ const templateShadowDOM = document.createElement('template');
 templateShadowDOM.innerHTML = /*html*/`
 <style>
   :host {
-    width: 100%;
+    display: inline-block;
     min-width: 300px;
     min-height: 150px;
+    position: relative;
   }
   ::slotted(.wistia_embed) {
+    position: absolute;
+    width: 100%;
     height: 100%;
   }
 </style>