Restore typical line break behavior in code output

Author: thomasmarwitz

docs/styles/custom.css

@@ -5,3 +5,13 @@ Out[ ] blocks are not displayed.
 .jp-InputPrompt, .jp-OutputPrompt {
     display: none !important;
 }
+
+/*
+Note: For some reason, ".jp-OutputArea-area pre" didn't work as selector.
+But by introducing the custom class that is added through the plugin to jupyter
+input or output cells, we can target the pre tags inside the cells.
+*/
+.jupyter-custom-highlight .jp-OutputArea-area pre {
+    white-space: pre;
+    padding: 6px; /* To separate scrollbar from actual output */
+}

mkdocs.yml

@@ -43,6 +43,7 @@ plugins:
       show_input: true
       include_source: true
       no_input: false
+      highlight_extra_classes: jupyter-custom-highlight
 
   - mkdocstrings:
       handlers: