@jupyterlab/nbconvert-css 4.3.0-beta.2 → 4.3.0-beta.3

package/package.json

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

package/style/index.css

@@ -156,7 +156,6 @@
 .lm-Widget {
   box-sizing: border-box;
   position: relative;
-  overflow: hidden;
 }
 
 .lm-Widget.lm-mod-hidden {
@@ -2229,7 +2228,6 @@ button.jp-ArrayOperationsButton.jp-mod-styled:disabled {
   display: flex;
   flex-direction: column;
   min-width: var(--jp-sidebar-min-width);
-  overflow-y: auto;
   color: var(--jp-ui-font-color1);
   background: var(--jp-layout-color1);
   font-size: var(--jp-ui-font-size1);
@@ -3564,6 +3562,7 @@ button.jp-ToolbarButtonComponent > span {
   font-size: var(--jp-ui-font-size1);
   color: var(--jp-ui-font-color1);
   resize: both;
+  overflow: hidden;
 }
 
 .jp-Dialog-content.jp-Dialog-content-small {
@@ -5301,6 +5300,7 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
 .jp-FileBrowser .jp-SidePanel-content {
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 }
 
 .jp-FileBrowser-toolbar.jp-Toolbar {
@@ -5333,6 +5333,7 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 }
 
 .jp-BreadCrumbs {
@@ -5417,6 +5418,9 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
   display: flex;
   flex-direction: column;
   outline: 0;
+  overflow: hidden;
+
+  --jp-dirlisting-padding-width: 12px;
 }
 
 .jp-DirListing-header {
@@ -5447,10 +5451,6 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
   overflow: hidden;
 }
 
-.jp-DirListing-header > .jp-DirListing-headerItem:last-child {
-  flex-grow: 1;
-}
-
 .jp-DirListing-headerItem:hover {
   background: var(--jp-layout-color2);
 }
@@ -5525,6 +5525,7 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
   list-style-type: none;
   overflow: auto;
   background-color: var(--jp-layout-color1);
+  overflow-x: hidden;
 }
 
 .jp-DirListing-content mark {
@@ -5545,18 +5546,17 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
 }
 
 .jp-DirListing-item {
-  display: flex;
   align-items: center;
-  padding: 4px 12px;
+  padding: 4px var(--jp-dirlisting-padding-width);
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-}
-
-.jp-DirListing-item > :last-child {
-  flex-grow: 1;
-  margin-right: 2px;
+  display: inline-grid;
+  grid-auto-columns: max-content;
+  width: 100%;
+  box-sizing: border-box;
+  grid-auto-flow: column;
 }
 
 .jp-DirListing-checkboxWrapper {
@@ -5564,12 +5564,6 @@ button:not(:disabled) > .jp-DocumentSearch-up-down-button:active {
   padding: 4px;
 }
 
-.jp-DirListing-header
-  .jp-DirListing-checkboxWrapper
-  + .jp-DirListing-headerItem {
-  padding-left: 4px;
-}
-
 .jp-DirListing-content .jp-DirListing-checkboxWrapper {
   position: relative;
   left: -4px;