@jupyterlab/nbconvert-css 4.1.0-alpha.4 → 4.1.0-beta.0

package/package.json

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

package/style/index.css

@@ -2781,27 +2781,96 @@ button.jp-ToolbarButtonComponent .jp-ToolbarButtonComponent-label {
   box-shadow: none;
 }
 
+/* @deprecated dead code to be removed in JupyterLab 5
+  Button in toolbar should use the ui-toolkit
+  https://github.com/jupyterlab-contrib/jupyter-ui-toolkit.
+*/
+button.jp-ToolbarButtonComponent {
+  background: var(--jp-layout-color1);
+  border: none;
+  box-sizing: border-box;
+  outline: none;
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  padding: 0 6px;
+  margin: 0;
+  height: 24px;
+  border-radius: var(--jp-border-radius);
+  display: flex;
+  align-items: center;
+  text-align: center;
+  font-size: var(--jp-ui-font-size0);
+  min-width: unset;
+  min-height: unset;
+}
+
+button.jp-ToolbarButtonComponent:disabled {
+  opacity: 0.4;
+}
+
+button.jp-ToolbarButtonComponent > span {
+  padding: 0;
+  flex: 0 0 auto;
+}
+
 /*
  * Copyright (c) Jupyter Development Team.
  * Distributed under the terms of the Modified BSD License.
  */
 
 .jp-WindowedPanel-outer {
+  height: 100%;
   position: relative;
-  overflow-y: auto;
+  overflow: auto;
 }
 
 .jp-WindowedPanel-inner {
   position: relative;
 }
 
-.jp-WindowedPanel-window {
+.jp-WindowedPanel-viewport {
   position: absolute;
   left: 0;
   right: 0;
   overflow: visible;
 }
 
+.jp-WindowedPanel-scrollbar {
+  display: none;
+}
+
+.jp-WindowedPanel.jp-mod-virtual-scrollbar > .jp-WindowedPanel-scrollbar {
+  background-color: inherit;
+  border-left: 1px solid var(--jp-layout-color3);
+  display: block;
+  position: fixed;
+  overflow-y: auto;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  min-width: 35px;
+  z-index: 1;
+}
+
+.jp-WindowedPanel-scrollbar-content {
+  background-color: var(--jp-layout-color1);
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+.jp-WindowedPanel-scrollbar-content > .jp-WindowedPanel-scrollbar-item {
+  border-bottom: 1px solid var(--jp-layout-color3);
+  padding: 2px;
+  text-align: left;
+}
+
+.jp-WindowedPanel-scrollbar-content > .jp-WindowedPanel-scrollbar-item:hover {
+  cursor: pointer;
+  background-color: var(--jp-layout-color2);
+}
+
 /*-----------------------------------------------------------------------------
 | Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
@@ -5682,6 +5751,12 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
   opacity: 1;
 }
 
+.jp-OutputArea-stdin-hiding {
+  /* soft-hide the output, preserving focus */
+  opacity: 0;
+  height: 0;
+}
+
 /*-----------------------------------------------------------------------------
 | Output Area View
 |----------------------------------------------------------------------------*/
@@ -6589,13 +6664,15 @@ cell outputs.
 }
 
 .jp-Notebook {
-  padding: var(--jp-notebook-padding);
   outline: none;
-  overflow: auto;
   background: var(--jp-layout-color0);
 }
 
-.jp-Notebook.jp-mod-scrollPastEnd::after {
+.jp-Notebook .jp-WindowedPanel-viewport {
+  padding: var(--jp-notebook-padding);
+}
+
+.jp-Notebook.jp-mod-scrollPastEnd > .jp-WindowedPanel-outer::after {
   display: block;
   content: '';
   min-height: var(--jp-notebook-scroll-padding);
@@ -7015,6 +7092,22 @@ div.jp-Cell-Placeholder-content-3 {
   top: 140px;
 }
 
+/*-----------------------------------------------------------------------------
+| Virtual scrollbar
+|----------------------------------------------------------------------------*/
+
+.jp-Notebook
+  .jp-WindowedPanel-scrollbar-content
+  .jp-mod-active.jp-mod-selected {
+  background: var(--jp-brand-color1);
+  color: var(--jp-ui-inverse-font-color1);
+}
+
+.jp-Notebook .jp-WindowedPanel-scrollbar-content .jp-mod-selected {
+  background: var(--jp-brand-color2);
+  color: var(--jp-ui-inverse-font-color2);
+}
+
 /*-----------------------------------------------------------------------------
 | Printing
 |----------------------------------------------------------------------------*/