Prevent output images from being larger than their container.

11 years ago · 193986748c
parent 987b338758
commit 193986748c
1 changed files with 7 additions and 0 deletions
--- a/IPython/html/static/notebook/less/outputarea.less
+++ b/IPython/html/static/notebook/less/outputarea.less
@ -131,6 +131,13 @@ div.output_png {
 div.output_jpeg {
 }

+// Prevent the image outputs from being wider than the page.
+div.output_png div.ui-wrapper, 
+div.output_svg div.ui-wrapper, 
+div.output_jpeg div.ui-wrapper {
+    max-width: 100%
+}
+
 /* Empty output_javascript divs should have no height */
 div.output_javascript:empty {
    padding: 0;