@jupyterlab/nbconvert-css 4.0.0-alpha.3 → 4.0.0-alpha.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyterlab/nbconvert-css",
-  "version": "4.0.0-alpha.3",
+  "version": "4.0.0-alpha.4",
   "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": "^4.0.0-alpha.3",
-    "@jupyterlab/apputils": "^4.0.0-alpha.3",
-    "@jupyterlab/cells": "^4.0.0-alpha.3",
-    "@jupyterlab/codemirror": "^4.0.0-alpha.3",
-    "@jupyterlab/notebook": "^4.0.0-alpha.3",
-    "@jupyterlab/outputarea": "^4.0.0-alpha.3",
-    "@jupyterlab/rendermime": "^4.0.0-alpha.3"
+    "@jupyterlab/application": "^4.0.0-alpha.4",
+    "@jupyterlab/apputils": "^4.0.0-alpha.4",
+    "@jupyterlab/cells": "^4.0.0-alpha.4",
+    "@jupyterlab/codemirror": "^4.0.0-alpha.4",
+    "@jupyterlab/notebook": "^4.0.0-alpha.4",
+    "@jupyterlab/outputarea": "^4.0.0-alpha.4",
+    "@jupyterlab/rendermime": "^4.0.0-alpha.4"
   },
   "devDependencies": {
     "css-loader": "^5.0.1",

package/style/index.css

@@ -4970,6 +4970,7 @@ h6:hover .jp-InternalAnchorLink {
 
 .jp-OutputArea-child {
   display: table;
+  table-layout: fixed;
   width: 100%;
   overflow: hidden;
 }
@@ -4977,7 +4978,7 @@ h6:hover .jp-InternalAnchorLink {
 .jp-OutputPrompt {
   display: table-cell;
   vertical-align: top;
-  min-width: var(--jp-cell-prompt-width);
+  width: var(--jp-cell-prompt-width);
   color: var(--jp-cell-outprompt-font-color);
   font-family: var(--jp-cell-prompt-font-family);
   padding: var(--jp-code-padding);
@@ -5261,12 +5262,13 @@ Note: input and output wrappers have "display: block" propery in print mode.
 /* All input areas */
 .jp-InputArea {
   display: table;
+  table-layout: fixed;
+  width: 100%;
   overflow: hidden;
 }
 
 .jp-InputArea-editor {
   display: table-cell;
-  width: 100%;
   overflow: hidden;
   vertical-align: top;
 }
@@ -5281,7 +5283,7 @@ Note: input and output wrappers have "display: block" propery in print mode.
 .jp-InputPrompt {
   display: table-cell;
   vertical-align: top;
-  min-width: var(--jp-cell-prompt-width);
+  width: var(--jp-cell-prompt-width);
   color: var(--jp-cell-inprompt-font-color);
   font-family: var(--jp-cell-prompt-font-family);
   padding: var(--jp-code-padding);
@@ -5431,13 +5433,29 @@ Note: input and output wrappers have "display: block" propery in print mode.
 .jp-CodeCell.jp-mod-outputsScrolled .jp-Cell-outputArea {
   overflow-y: auto;
   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);
+}
+
+.jp-CodeCell.jp-mod-outputsScrolled .jp-Cell-outputArea::after {
+  content: ' ';
+  box-shadow: inset 0 0 6px 2px rgb(0 0 0 / 30%);
+  width: 100%;
+  height: 100%;
+  position: sticky;
+  bottom: 0;
+  top: 0;
+  margin-top: -50%;
+  float: left;
+  display: block;
+  pointer-events: none;
+}
+
+.jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-child {
   padding-top: 6px;
 }
 
 .jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-prompt {
-  min-width: calc(
+  width: calc(
     var(--jp-cell-prompt-width) - var(--jp-private-cell-scrolling-output-offset)
   );
 }