fix(Bootsrap, Latex, RPNG): Prevent images breaking out of containers

stencila · Mar 9, 2021 · 9018c40 · 9018c40
1 parent b7ec9f3
commit 9018c40
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/src/themes/bootstrap/styles.css b/src/themes/bootstrap/styles.css
@@ -33,6 +33,11 @@
 
   max-width: 70rem;
 
+  :--ImageObject {
+    max-width: 100%;
+    height: auto;
+  }
+
   :--authors :--Organization :--members,
   :--authors {
     /* Use Bootstrap's `list-inline` class  */

diff --git a/src/themes/latex/styles.css b/src/themes/latex/styles.css
@@ -33,6 +33,11 @@
     padding: 0;
   }
 
+  :--ImageObject {
+    max-width: 100%;
+    height: auto;
+  }
+
   > :--authors :--author {
     /* latexcss has a few classes, one of which is for authors of the
      * article, so use that... */

diff --git a/src/themes/rpng/styles.css b/src/themes/rpng/styles.css
@@ -20,6 +20,11 @@ body {
   padding: 0;
 }
 
+:--ImageObject {
+  max-width: 100%;
+  height: auto;
+}
+
 :--CodeChunk,
 :--CodeExpression,
 :--MathBlock,