constrain iframes to width of container (#458)

hashicorp · Dec 7, 2021 · e545db4 · e545db4 · vercel · Dec 7, 2021
1 parent e5b0cde
commit e545db4
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/.changeset/odd-numbers-lay.md b/.changeset/odd-numbers-lay.md
@@ -0,0 +1,5 @@
+---
+'@hashicorp/react-content': minor
+---
+
+Constrain the width of iframe elements to the width of their container
diff --git a/packages/content/style.module.css b/packages/content/style.module.css
@@ -10,6 +10,7 @@
   composes: codeInline from './styles/code-inline.module.css';
   composes: headings from './styles/headings.module.css';
   composes: hr from './styles/hr.module.css';
+  composes: iframe from './styles/iframe.module.css';
   composes: img from './styles/img.module.css';
   composes: olUlLists from './styles/ol-ul-lists.module.css';
   composes: p from './styles/p.module.css';

diff --git a/packages/content/styles/iframe.module.css b/packages/content/styles/iframe.module.css
@@ -0,0 +1,6 @@
+.iframe {
+  & iframe:not([class]) {
+    margin: 1rem auto;
+    max-width: 100%;
+  }
+}