Adjust max-height for output cells with images

jaladh-singhal · jaladh-singhal · commit 4444dd546c2f · 2025-07-04T02:11:17.000+05:30
diff --git a/myst_nb/static/mystnb.css b/myst_nb/static/mystnb.css
@@ -295,7 +295,9 @@ div.cell.tag_scroll-input div.cell_input {
 }
 
 div.cell.config_scroll_outputs div.cell_output:has(img) {
-  max-height: unset;
+  /* If the output cell has image(s), allow it to take 90% of viewport height
+  but still bounded between 24em and 60em */
+  max-height: clamp(24em, 90vh, 60em);
 }
 
 /* Custom scrollbars */

Original file line number	Diff line number	Diff line change
`@@ -295,7 +295,9 @@ div.cell.tag_scroll-input div.cell_input {`
`295`	`295`	`}`
`296`	`296`
`297`	`297`	`div.cell.config_scroll_outputs div.cell_output:has(img) {`
`298`		`- max-height: unset;`
	`298`	`+ /* If the output cell has image(s), allow it to take 90% of viewport height`
	`299`	`+ but still bounded between 24em and 60em */`
	`300`	`+ max-height: clamp(24em, 90vh, 60em);`
`299`	`301`	`}`
`300`	`302`
`301`	`303`	`/* Custom scrollbars */`