fix(site): remove iframe padding on iOS aduros#85

FaberVitale · Dec 19, 2021 · 5b4d4a3 · 5b4d4a3
1 parent b7a7e81
commit 5b4d4a3
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/site/src/components/AspectRatio.js b/site/src/components/AspectRatio.js
@@ -22,7 +22,7 @@ export function AspectRatio({
   return (
     <div {...otherProps} className={clsx(className, styles.ratio)}>
       <svg className={styles.innerSvg} viewBox={`0 0 ${width} ${height}`}></svg>
-      {children}
+      <div className={styles.content}>{children}</div>
     </div>
   );
 }
diff --git a/site/src/components/AspectRatio.module.css b/site/src/components/AspectRatio.module.css
@@ -1,6 +1,7 @@
 .ratio {
   display: grid;
   padding: 0;
+  position: relative;
 }
 
 .ratio > * {
@@ -10,3 +11,13 @@
 .innerSvg {
   visibility: hidden;
 }
+
+.content {
+   position: absolute;
+   width: 100%;
+   height: 100%;
+   overflow: hidden;
+   left: 0;
+   padding: 0;
+   right: 0;
+}
diff --git a/site/src/css/custom.css b/site/src/css/custom.css
@@ -81,4 +81,5 @@ html[data-theme='dark'] .header-github-link:before {
 .game-embed {
   width: 100%;
   height: 100%;
+  padding: 0;
 }