confine SVG referenced using object tag to enclosing container

- apply max-width, height, display, and vertical-align properties to object[type="image/svg+xml"] selector
- apply fallback width to object[type="image/svg+xml"] selector when width is not specified (only works in Chrome)

diff --git a/preview-src/index.adoc b/preview-src/index.adoc
index be6ee80..8ad0774 100644 (file)
--- a/preview-src/index.adoc
+++ b/preview-src/index.adoc
@@ -273,7 +273,7 @@ Est in reque homero principes, meis deleniti mediocrem ad has.
 Ex nam suas nemore dignissim, vel apeirian democritum et.
 
 .Antora is a multi-repo documentation site generator
-image::multirepo-ssg.svg[Multirepo SSG,300,225]
+image::multirepo-ssg.svg[Multirepo SSG,3000,opts=interactive]
 
 Make the switch today!
 

diff --git a/src/css/base.css b/src/css/base.css
index ab8d9f1..047c591 100644 (file)
--- a/src/css/base.css
+++ b/src/css/base.css
@@ -98,6 +98,10 @@ table {
   word-wrap: normal; /* table widths aren't computed as expected when word-wrap is enabled */
 }
 
+object[type="image/svg+xml"]:not([width]) {
+  width: fit-content;
+}
+
 @supports (scrollbar-width: thin) {
   body * {
     scrollbar-width: thin;

diff --git a/src/css/doc.css b/src/css/doc.css
index 354aabd..c01118e 100644 (file)
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -393,6 +393,7 @@ h1.page + aside.toc.embedded {
 }
 
 .doc .imageblock img,
+.doc .imageblock object[type="image/svg+xml"],
 .doc .image > img {
   display: inline-block;
   height: auto;