@jupyterlab/nbconvert-css 4.3.0-alpha.0 → 4.3.0-alpha.1

package/package.json

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

package/style/index.css

@@ -2852,6 +2852,7 @@ button.jp-ToolbarButtonComponent > span {
 
 .jp-WindowedPanel-scrollbar {
   display: none;
+  position: relative;
 }
 
 .jp-WindowedPanel.jp-mod-virtual-scrollbar > .jp-WindowedPanel-scrollbar {
@@ -2860,6 +2861,7 @@ button.jp-ToolbarButtonComponent > span {
   display: block;
   position: fixed;
   overflow-y: auto;
+  overflow-x: hidden;
   top: 0;
   bottom: 0;
   right: 0;
@@ -2868,21 +2870,35 @@ button.jp-ToolbarButtonComponent > span {
 }
 
 .jp-WindowedPanel-scrollbar-content {
-  background-color: var(--jp-layout-color1);
+  background-color: transparent;
   list-style-type: none;
   margin: 0;
   padding: 0;
+  position: relative;
+  z-index: 3;
 }
 
 .jp-WindowedPanel-scrollbar-content > .jp-WindowedPanel-scrollbar-item {
   border-bottom: 1px solid var(--jp-layout-color3);
+  background-color: rgb(from var(--jp-layout-color1) r g b / 50%);
   padding: 2px;
   text-align: left;
+  margin: 0 2px;
 }
 
 .jp-WindowedPanel-scrollbar-content > .jp-WindowedPanel-scrollbar-item:hover {
   cursor: pointer;
-  background-color: var(--jp-layout-color2);
+  background-color: var(--jp-layout-color3);
+}
+
+.jp-WindowedPanel-scrollbar-viewportIndicator {
+  position: absolute;
+  background: var(--jp-layout-color2);
+  border: 1px solid var(--jp-layout-color4);
+  width: 100%;
+  z-index: 2;
+  border-radius: 2px;
+  box-sizing: border-box;
 }
 
 /*-----------------------------------------------------------------------------
@@ -6696,18 +6712,17 @@ cell outputs.
   height: 27px;
   margin-left: calc(
     var(--jp-cell-prompt-width) + var(--jp-cell-collapser-width) +
-      var(--jp-cell-padding)
+      var(--jp-cell-padding) + var(--jp-notebook-padding)
   );
   width: calc(
     100% -
       (
-        var(--jp-cell-prompt-width) + var(--jp-cell-collapser-width) +
-          var(--jp-cell-padding) + var(--jp-cell-padding)
+        var(--jp-cell-prompt-width) + var(--jp-cell-collapser-width) + 2 *
+          var(--jp-cell-padding) + 2 * var(--jp-notebook-padding)
       )
   );
   border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
   color: var(--jp-ui-font-color3);
-  margin-top: 6px;
   background: none;
   cursor: pointer;
 }
@@ -7199,18 +7214,75 @@ div.jp-Cell-Placeholder-content-3 {
 | 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-item[data-output='error'] {
+  background: var(--jp-error-color3);
+}
+
+.jp-Notebook .jp-WindowedPanel-scrollbar-item[data-output='error']:hover {
+  background: var(--jp-error-color2);
+}
+
+.jp-Notebook .jp-WindowedPanel-scrollbar-content > .jp-mod-dirty {
+  background: var(--jp-warn-color3);
 }
 
-.jp-Notebook .jp-WindowedPanel-scrollbar-content .jp-mod-selected {
+.jp-Notebook .jp-WindowedPanel-scrollbar-content > .jp-mod-dirty:hover {
+  background: var(--jp-warn-color2);
+}
+
+.jp-Notebook .jp-WindowedPanel-scrollbar-content > .jp-mod-selected {
   background: var(--jp-brand-color2);
   color: var(--jp-ui-inverse-font-color2);
 }
 
+.jp-Notebook .jp-WindowedPanel-scrollbar-content > .jp-mod-selected:hover {
+  background: var(--jp-brand-color1);
+}
+
+.jp-Notebook .jp-WindowedPanel-scrollbar-content > .jp-mod-active {
+  background: var(--jp-brand-color1);
+  color: var(--jp-ui-inverse-font-color1);
+}
+
+.jp-Notebook .jp-WindowedPanel-scrollbar-content > .jp-mod-active:hover {
+  background: var(--jp-brand-color0);
+}
+
+.jp-Notebook .jp-WindowedPanel-scrollbar-item {
+  max-width: 60px;
+  display: flex;
+}
+
+.jp-Notebook .jp-scrollbarItem-executionIndicator {
+  display: inline-block;
+  font-family: monospace;
+  font-size: 80%;
+  line-height: 100%;
+  margin-left: -1px;
+  padding-right: 1px;
+  text-wrap: nowrap; /* stylelint-disable-line csstree/validator */
+}
+
+.jp-Notebook .jp-scrollbarItem-source {
+  display: inline-block;
+  font-size: 3px;
+  vertical-align: middle;
+  max-height: 10em;
+  overflow: hidden;
+}
+
+.jp-Notebook
+  .jp-WindowedPanel-scrollbar-item[data-type='code']
+  > .jp-scrollbarItem-source {
+  white-space: pre;
+}
+
+.jp-Notebook
+  .jp-WindowedPanel-scrollbar-item[data-type='markdown']
+  > .jp-scrollbarItem-source {
+  white-space: pre-line;
+}
+
 /*-----------------------------------------------------------------------------
 | Printing
 |----------------------------------------------------------------------------*/