@jupyterlab/nbconvert-css 4.0.5 → 4.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyterlab/nbconvert-css",
-  "version": "4.0.5",
+  "version": "4.0.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": "^4.0.5",
-    "@jupyterlab/apputils": "^4.1.5",
-    "@jupyterlab/cells": "^4.0.5",
-    "@jupyterlab/codemirror": "^4.0.5",
-    "@jupyterlab/notebook": "^4.0.5",
-    "@jupyterlab/outputarea": "^4.0.5",
-    "@jupyterlab/rendermime": "^4.0.5"
+    "@jupyterlab/application": "^4.0.7",
+    "@jupyterlab/apputils": "^4.1.7",
+    "@jupyterlab/cells": "^4.0.7",
+    "@jupyterlab/codemirror": "^4.0.7",
+    "@jupyterlab/notebook": "^4.0.7",
+    "@jupyterlab/outputarea": "^4.0.7",
+    "@jupyterlab/rendermime": "^4.0.7"
   },
   "devDependencies": {
     "css-loader": "^6.7.1",

package/style/index.css

@@ -1965,9 +1965,9 @@ body.lm-mod-override-cursor .jp-IFrame::before {
 
 /* stylelint-disable selector-max-type */
 
-.jp-FormGroup-content fieldset .jp-inputFieldWrapper input,
-.jp-FormGroup-content fieldset .jp-inputFieldWrapper select,
-.jp-FormGroup-content fieldset .jp-inputFieldWrapper textarea {
+.jp-FormGroup-content fieldset .jp-inputFieldWrapper > input,
+.jp-FormGroup-content fieldset .jp-inputFieldWrapper > select,
+.jp-FormGroup-content fieldset .jp-inputFieldWrapper > textarea {
   font-size: var(--jp-content-font-size2);
   border-color: var(--jp-input-border-color);
   border-style: solid;
@@ -1979,6 +1979,10 @@ body.lm-mod-override-cursor .jp-IFrame::before {
   height: inherit;
 }
 
+.jp-FormGroup-content .jp-inputFieldWrapper > select > option {
+  background-color: var(--jp-layout-color1);
+}
+
 .jp-FormGroup-content fieldset input[type='checkbox'] {
   position: relative;
   top: 2px;
@@ -4505,6 +4509,7 @@ h6:hover .jp-InternalAnchorLink {
   font-family: var(--jp-ui-font-family);
   padding: 2px 1px;
   resize: none;
+  white-space: pre;
 }
 
 .jp-DocumentSearch-overlay {
@@ -5253,14 +5258,15 @@ h6:hover .jp-InternalAnchorLink {
 }
 
 .jp-OutputArea-child {
-  display: table;
-  table-layout: fixed;
+  display: flex;
+  flex-direction: row;
   width: 100%;
   overflow: hidden;
 }
 
 .jp-OutputPrompt {
   width: var(--jp-cell-prompt-width);
+  flex: 0 0 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);
@@ -5283,13 +5289,7 @@ h6:hover .jp-InternalAnchorLink {
   user-select: none;
 }
 
-.jp-OutputArea-prompt {
-  display: table-cell;
-  vertical-align: top;
-}
-
 .jp-OutputArea-output {
-  display: table-cell;
   width: 100%;
   height: auto;
   overflow: auto;
@@ -5325,6 +5325,11 @@ h6:hover .jp-InternalAnchorLink {
   cursor: zoom-in;
 }
 
+.jp-OutputArea-child .jp-OutputArea-output {
+  flex-grow: 1;
+  flex-shrink: 1;
+}
+
 /**
  * Isolated output.
  */
@@ -5432,6 +5437,7 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
 .jp-OutputArea-output.jp-OutputArea-executeResult {
   margin-left: 0;
   width: 100%;
+  flex: 1 1 auto;
 }
 
 /* Text output with the Out[] prompt needs a top padding to match the
@@ -5501,22 +5507,36 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
 
 @media print {
   .jp-OutputArea-child {
+    display: table;
+    table-layout: fixed;
     break-inside: avoid-page;
   }
+
+  .jp-OutputArea-prompt {
+    display: table-cell;
+    vertical-align: top;
+  }
+
+  .jp-OutputArea-output {
+    display: table-cell;
+  }
 }
 
 /*-----------------------------------------------------------------------------
 | Mobile
 |----------------------------------------------------------------------------*/
 @media only screen and (width <= 760px) {
+  .jp-OutputArea-child {
+    flex-direction: column;
+  }
+
   .jp-OutputPrompt {
-    display: table-row;
+    flex: 0 0 auto;
     text-align: left;
   }
 
-  .jp-OutputArea-child .jp-OutputArea-output {
-    display: table-row;
-    margin-left: var(--jp-notebook-padding);
+  .jp-OutputArea-promptOverlay {
+    display: none;
   }
 }
 
@@ -5724,16 +5744,15 @@ Note: input and output wrappers have "display: block" propery in print mode.
 
 /* All input areas */
 .jp-InputArea {
-  display: table;
-  table-layout: fixed;
+  display: flex;
+  flex-direction: row;
   width: 100%;
   overflow: hidden;
 }
 
 .jp-InputArea-editor {
-  display: table-cell;
+  flex: 1 1 auto;
   overflow: hidden;
-  vertical-align: top;
 
   /* This is the non-active, default styling */
   border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
@@ -5742,8 +5761,7 @@ Note: input and output wrappers have "display: block" propery in print mode.
 }
 
 .jp-InputPrompt {
-  display: table-cell;
-  vertical-align: top;
+  flex: 0 0 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);
@@ -5767,17 +5785,40 @@ Note: input and output wrappers have "display: block" propery in print mode.
   user-select: none;
 }
 
+/*-----------------------------------------------------------------------------
+| Print
+|----------------------------------------------------------------------------*/
+@media print {
+  .jp-InputArea {
+    display: table;
+    table-layout: fixed;
+  }
+
+  .jp-InputArea-editor {
+    display: table-cell;
+    vertical-align: top;
+  }
+
+  .jp-InputPrompt {
+    display: table-cell;
+    vertical-align: top;
+  }
+}
+
 /*-----------------------------------------------------------------------------
 | Mobile
 |----------------------------------------------------------------------------*/
 @media only screen and (width <= 760px) {
+  .jp-InputArea {
+    flex-direction: column;
+  }
+
   .jp-InputArea-editor {
-    display: table-row;
-    margin-left: var(--jp-notebook-padding);
+    margin-left: var(--jp-code-padding);
   }
 
   .jp-InputPrompt {
-    display: table-row;
+    flex: 0 0 auto;
     text-align: left;
   }
 }
@@ -5950,6 +5991,11 @@ Note: input and output wrappers have "display: block" propery in print mode.
   width: calc(
     var(--jp-cell-prompt-width) - var(--jp-private-cell-scrolling-output-offset)
   );
+  flex: 0 0
+    calc(
+      var(--jp-cell-prompt-width) -
+        var(--jp-private-cell-scrolling-output-offset)
+    );
 }
 
 .jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-promptOverlay {
@@ -5965,7 +6011,7 @@ Note: input and output wrappers have "display: block" propery in print mode.
 |----------------------------------------------------------------------------*/
 
 .jp-MarkdownOutput {
-  display: table-cell;
+  flex: 1 1 auto;
   width: 100%;
   margin-top: 0;
   margin-bottom: 0;
@@ -6083,6 +6129,10 @@ cell outputs.
   .jp-Cell-outputWrapper {
     display: block;
   }
+
+  .jp-MarkdownOutput {
+    display: table-cell;
+  }
 }
 
 /*-----------------------------------------------------------------------------
@@ -6359,6 +6409,7 @@ cell outputs.
 
 .jp-Notebook .jp-Cell .jp-InputPrompt {
   cursor: move;
+  float: left;
 }
 
 /*-----------------------------------------------------------------------------
@@ -6754,3 +6805,12 @@ div.jp-Cell-Placeholder-content-3 {
   top: 140px;
 }
 
+/*-----------------------------------------------------------------------------
+| Printing
+|----------------------------------------------------------------------------*/
+@media print {
+  .jp-Notebook .jp-Cell .jp-InputPrompt {
+    float: none;
+  }
+}
+