@jupyterlab/nbconvert-css 3.2.3 → 3.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyterlab/nbconvert-css",
-  "version": "3.2.3",
+  "version": "3.2.7",
   "description": "CSS bundle for the JupyterLab nbconvert template",
   "homepage": "https://github.com/jupyterlab/jupyterlab",
   "bugs": {
@@ -31,13 +31,13 @@
     "watch": "webpack --watch"
   },
   "dependencies": {
-    "@jupyterlab/application": "^3.2.3",
-    "@jupyterlab/apputils": "^3.2.3",
-    "@jupyterlab/cells": "^3.2.3",
-    "@jupyterlab/codemirror": "^3.2.3",
-    "@jupyterlab/notebook": "^3.2.3",
-    "@jupyterlab/outputarea": "^3.2.3",
-    "@jupyterlab/rendermime": "^3.2.3"
+    "@jupyterlab/application": "^3.2.7",
+    "@jupyterlab/apputils": "^3.2.7",
+    "@jupyterlab/cells": "^3.2.7",
+    "@jupyterlab/codemirror": "^3.2.7",
+    "@jupyterlab/notebook": "^3.2.7",
+    "@jupyterlab/outputarea": "^3.2.7",
+    "@jupyterlab/rendermime": "^3.2.7"
   },
   "devDependencies": {
     "css-loader": "^5.0.1",

package/style/index.css

@@ -13125,10 +13125,6 @@ h6:hover .jp-InternalAnchorLink {
   flex-direction: row;
 }
 
-body[data-format='mobile'] .jp-OutputArea-child {
-  flex-direction: column;
-}
-
 .jp-OutputPrompt {
   flex: 0 0 var(--jp-cell-prompt-width);
   color: var(--jp-cell-outprompt-font-color);
@@ -13151,11 +13147,6 @@ body[data-format='mobile'] .jp-OutputArea-child {
   user-select: none;
 }
 
-body[data-format='mobile'] .jp-OutputPrompt {
-  flex: 0 0 auto;
-  text-align: left;
-}
-
 .jp-OutputArea-output {
   height: auto;
   overflow: auto;
@@ -13170,10 +13161,6 @@ body[data-format='mobile'] .jp-OutputPrompt {
   flex-shrink: 1;
 }
 
-body[data-format='mobile'] .jp-OutputArea-child .jp-OutputArea-output {
-  margin-left: var(--jp-notebook-padding);
-}
-
 /**
  * Isolated output.
  */
@@ -13327,6 +13314,22 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated:before {
   height: 100%;
 }
 
+/*-----------------------------------------------------------------------------
+| Mobile
+|----------------------------------------------------------------------------*/
+@media only screen and (max-width: 760px) {
+  .jp-OutputArea-child .jp-OutputArea-output {
+    margin-left: var(--jp-notebook-padding);
+  }
+  .jp-OutputArea-child {
+    flex-direction: column;
+  }
+  .jp-OutputPrompt {
+    flex: 0 0 auto;
+    text-align: left;
+  }
+}
+
 /*-----------------------------------------------------------------------------
 | Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
@@ -13390,10 +13393,6 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated:before {
   overflow: hidden;
 }
 
-body[data-format='mobile'] .jp-InputArea {
-  flex-direction: column;
-}
-
 .jp-InputArea-editor {
   flex: 1 1 auto;
   overflow: hidden;
@@ -13406,10 +13405,6 @@ body[data-format='mobile'] .jp-InputArea {
   background: var(--jp-cell-editor-background);
 }
 
-body[data-format='mobile'] .jp-InputArea-editor {
-  margin-left: var(--jp-notebook-padding);
-}
-
 .jp-InputPrompt {
   flex: 0 0 var(--jp-cell-prompt-width);
   color: var(--jp-cell-inprompt-font-color);
@@ -13433,9 +13428,22 @@ body[data-format='mobile'] .jp-InputArea-editor {
   user-select: none;
 }
 
-body[data-format='mobile'] .jp-InputPrompt {
-  flex: 0 0 auto;
-  text-align: left;
+/*-----------------------------------------------------------------------------
+| Mobile
+|----------------------------------------------------------------------------*/
+@media only screen and (max-width: 760px) {
+  .jp-InputArea {
+    flex-direction: column;
+  }
+
+  .jp-InputArea-editor {
+    margin-left: var(--jp-notebook-padding);
+  }
+
+  .jp-InputPrompt {
+    flex: 0 0 auto;
+    text-align: left;
+  }
 }
 
 /*-----------------------------------------------------------------------------
@@ -13550,9 +13558,10 @@ body[data-format='mobile'] .jp-InputPrompt {
 
 .jp-CodeCell.jp-mod-outputsScrolled .jp-Cell-outputArea {
   overflow-y: auto;
-  max-height: 200px;
+  max-height: 24em;
   box-shadow: inset 0 0 6px 2px rgba(0, 0, 0, 0.3);
   margin-left: var(--jp-private-cell-scrolling-output-offset);
+  padding-top: 6px;
 }
 
 .jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-prompt {
@@ -13975,6 +13984,13 @@ body[data-format='mobile'] .jp-InputPrompt {
   --jp-side-by-side-resized-cell: var(--jp-side-by-side-output-size);
 }
 
+.jp-mod-sideBySide.jp-Notebook .jp-Notebook-cell {
+  margin-top: 3em;
+  margin-bottom: 3em;
+  margin-left: 5%;
+  margin-right: 5%;
+}
+
 .jp-mod-sideBySide.jp-Notebook .jp-CodeCell {
   display: grid;
   grid-template-columns: minmax(0, 1fr) min-content minmax(