Restrict .imageblock img to 100% width of parent (#182)

robobario · web-flow · commit 3451f7bc61bd · 2025-08-05T16:51:25.000+12:00
Why: Some SVG images in the documentation are enormous

Signed-off-by: Robert Young &lt;robertyoungnz@gmail.com&gt;
diff --git a/_sass/kroxylicious.scss b/_sass/kroxylicious.scss
@@ -307,6 +307,10 @@ b.conum * {
   pointer-events: none; /* Clicks will "pass through" the watermark */
 }
 
+.imageblock img {
+  max-width: 100%;
+}
+
 .listingblock {
   margin-bottom: 0.75rem;
 }

Original file line number	Diff line number	Diff line change
`@@ -307,6 +307,10 @@ b.conum * {`
`307`	`307`	`pointer-events: none; /* Clicks will "pass through" the watermark */`
`308`	`308`	`}`
`309`	`309`
	`310`	`+.imageblock img {`
	`311`	`+ max-width: 100%;`
	`312`	`+}`
	`313`	`+`
`310`	`314`	`.listingblock {`
`311`	`315`	`margin-bottom: 0.75rem;`
`312`	`316`	`}`