@jupyterlab/nbconvert-css 4.0.7 → 4.0.8

package/package.json

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

package/style/index.css

@@ -4580,11 +4580,13 @@ h6:hover .jp-InternalAnchorLink {
 }
 
 .jp-DocumentSearch-toggle-wrapper {
+  flex-shrink: 0;
   width: 14px;
   height: 14px;
 }
 
 .jp-DocumentSearch-button-wrapper {
+  flex-shrink: 0;
   width: var(--jp-private-document-search-button-height);
   height: var(--jp-private-document-search-button-height);
 }
@@ -4708,6 +4710,7 @@ h6:hover .jp-InternalAnchorLink {
   margin: auto 2px;
   padding: 1px 4px;
   height: calc(var(--jp-private-document-search-button-height) + 2px);
+  flex-shrink: 0;
 }
 
 .jp-DocumentSearch-replace-button-wrapper:focus {
@@ -4746,6 +4749,40 @@ h6:hover .jp-InternalAnchorLink {
   background-color: var(--jp-layout-color2);
 }
 
+/*
+  The following few rules allow the search box to expand horizontally,
+  as the text within it grows. This is done by using putting
+  the text within a wrapper element and using that wrapper for sizing,
+  as <textarea> and <input> tags do not grow automatically.
+  This is the underlying technique:
+  https://til.simonwillison.net/css/resizing-textarea
+*/
+.jp-DocumentSearch-input-label::after {
+  content: attr(data-value) ' ';
+  visibility: hidden;
+  white-space: pre;
+}
+
+.jp-DocumentSearch-input-label {
+  display: inline-grid;
+  align-items: stretch;
+}
+
+.jp-DocumentSearch-input-label::after,
+.jp-DocumentSearch-input-label > .jp-DocumentSearch-input {
+  width: auto;
+  min-width: 1em;
+  grid-area: 1/2;
+  font: inherit;
+  padding: 2px 3px;
+  margin: 0;
+  resize: none;
+  background: none;
+  appearance: none;
+  border: none;
+  overflow: hidden;
+}
+
 /*-----------------------------------------------------------------------------
 | Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
@@ -5833,18 +5870,18 @@ Note: input and output wrappers have "display: block" propery in print mode.
 |----------------------------------------------------------------------------*/
 
 .jp-Placeholder {
-  display: table;
-  table-layout: fixed;
+  display: flex;
+  flex-direction: row;
   width: 100%;
 }
 
 .jp-Placeholder-prompt {
-  display: table-cell;
+  flex: 0 0 var(--jp-cell-prompt-width);
   box-sizing: border-box;
 }
 
 .jp-Placeholder-content {
-  display: table-cell;
+  flex: 1 1 auto;
   padding: 4px 6px;
   border: 1px solid transparent;
   border-radius: 0;
@@ -5887,6 +5924,24 @@ Note: input and output wrappers have "display: block" propery in print mode.
   background: var(--jp-cell-editor-background);
 }
 
+/*-----------------------------------------------------------------------------
+| Print
+|----------------------------------------------------------------------------*/
+@media print {
+  .jp-Placeholder {
+    display: table;
+    table-layout: fixed;
+  }
+
+  .jp-Placeholder-content {
+    display: table-cell;
+  }
+
+  .jp-Placeholder-prompt {
+    display: table-cell;
+  }
+}
+
 /*-----------------------------------------------------------------------------
 | Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
@@ -6663,8 +6718,8 @@ cell outputs.
 
 .jp-mod-sideBySide.jp-Notebook .jp-CodeCell {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) min-content minmax(
-      0,
+  grid-template-columns: minmax(70px, 1fr) min-content minmax(
+      70px,
       var(--jp-side-by-side-output-size)
     );
   grid-template-rows: auto minmax(0, 1fr) auto;
@@ -6675,8 +6730,8 @@ cell outputs.
 }
 
 .jp-mod-sideBySide.jp-Notebook .jp-CodeCell.jp-mod-resizedCell {
-  grid-template-columns: minmax(0, 1fr) min-content minmax(
-      0,
+  grid-template-columns: minmax(70px, 1fr) min-content minmax(
+      70px,
       var(--jp-side-by-side-resized-cell)
     );
 }