@jupyterlab/nbconvert-css 4.0.0-alpha.19 → 4.0.0-alpha.20

package/package.json

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

package/style/index.css

@@ -222,7 +222,6 @@
   box-sizing: border-box;
   position: relative;
   overflow: hidden;
-  cursor: default;
 }
 
 .lm-Widget.lm-mod-hidden {
@@ -4568,8 +4567,12 @@ h6:hover .jp-InternalAnchorLink {
 .jp-DocumentSearch-input {
   border: none;
   outline: none;
+  color: var(--jp-ui-font-color0);
   font-size: var(--jp-ui-font-size1);
   background-color: var(--jp-layout-color0);
+  font-family: var(--jp-ui-font-family);
+  padding: 2px 1px;
+  resize: none;
 }
 
 .jp-DocumentSearch-overlay {
@@ -4606,11 +4609,6 @@ h6:hover .jp-InternalAnchorLink {
   margin-bottom: 2px;
 }
 
-.jp-DocumentSearch-overlay * {
-  color: var(--jp-ui-font-color0);
-  background-position: center;
-}
-
 .jp-DocumentSearch-button-content {
   display: inline-block;
   cursor: pointer;
@@ -4635,10 +4633,6 @@ h6:hover .jp-InternalAnchorLink {
   border-color: var(--jp-cell-editor-active-border-color);
 }
 
-.jp-DocumentSearch-input-wrapper * {
-  background-color: var(--jp-layout-color0);
-}
-
 .jp-DocumentSearch-toggle-wrapper,
 .jp-DocumentSearch-button-wrapper {
   all: initial;
@@ -4646,7 +4640,6 @@ h6:hover .jp-InternalAnchorLink {
   display: inline-block;
   border: none;
   box-sizing: border-box;
-  background-repeat: no-repeat;
 }
 
 .jp-DocumentSearch-toggle-wrapper {
@@ -4717,8 +4710,6 @@ h6:hover .jp-InternalAnchorLink {
   border: none;
   width: var(--jp-private-document-search-button-height);
   height: var(--jp-private-document-search-button-height);
-  background-repeat: no-repeat;
-  background-position: center;
   vertical-align: middle;
   margin: 1px 5px 2px;
 }
@@ -4771,8 +4762,9 @@ h6:hover .jp-InternalAnchorLink {
   display: inline-block;
   box-sizing: border-box;
   border: var(--jp-border-width) solid var(--jp-border-color0);
-  margin: 2px;
+  margin: auto 2px;
   padding: 1px 4px;
+  height: calc(var(--jp-private-document-search-button-height) + 2px);
 }
 
 .jp-DocumentSearch-replace-button-wrapper:focus {
@@ -4978,6 +4970,8 @@ h6:hover .jp-InternalAnchorLink {
 }
 
 .jp-FileBrowser-toolbar.jp-Toolbar {
+  flex-wrap: wrap;
+  row-gap: 12px;
   border-bottom: none;
   height: auto;
   margin: 8px 12px 0;
@@ -5025,6 +5019,8 @@ h6:hover .jp-InternalAnchorLink {
   flex: 0 0 auto;
   padding-left: 0;
   padding-right: 2px;
+  align-items: center;
+  height: unset;
 }
 
 .jp-FileBrowser-toolbar > .jp-Toolbar-item .jp-ToolbarButtonComponent {
@@ -5047,10 +5043,8 @@ h6:hover .jp-InternalAnchorLink {
   display: none;
 }
 
-.jp-FileBrowser-filterBox {
-  padding: 0;
-  flex: 0 0 auto;
-  margin: 8px 12px 0;
+.jp-FileSize-hidden {
+  display: none;
 }
 
 .jp-FileBrowser .lm-AccordionPanel > h3:first-child {
@@ -5104,6 +5098,12 @@ h6:hover .jp-InternalAnchorLink {
   text-align: right;
 }
 
+.jp-DirListing-headerItem.jp-id-filesize {
+  flex: 0 0 75px;
+  border-left: var(--jp-border-width) solid var(--jp-border-color2);
+  text-align: right;
+}
+
 .jp-id-narrow {
   display: none;
   flex: 0 0 5px;
@@ -5233,6 +5233,11 @@ h6:hover .jp-InternalAnchorLink {
   text-align: right;
 }
 
+.jp-DirListing-itemFileSize {
+  flex: 0 0 90px;
+  text-align: right;
+}
+
 .jp-DirListing-editor {
   flex: 1 0 64px;
   outline: none;
@@ -5334,6 +5339,23 @@ h6:hover .jp-InternalAnchorLink {
   -ms-user-select: text;
 }
 
+/**
+ * Prompt overlay.
+ */
+
+.jp-OutputArea-promptOverlay {
+  position: absolute;
+  top: 0;
+  width: var(--jp-cell-prompt-width);
+  height: 100%;
+  opacity: 0.5;
+}
+
+.jp-OutputArea-promptOverlay:hover {
+  background: var(--jp-layout-color2);
+  box-shadow: inset 0 0 1px var(--jp-inverse-layout-color0);
+}
+
 /**
  * Isolated output.
  */
@@ -5923,6 +5945,10 @@ Note: input and output wrappers have "display: block" propery in print mode.
   );
 }
 
+.jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-promptOverlay {
+  left: calc(-1 * var(--jp-private-cell-scrolling-output-offset));
+}
+
 /*-----------------------------------------------------------------------------
 | CodeCell
 |----------------------------------------------------------------------------*/