@jupyterlab/nbconvert-css 4.5.0-beta.1 → 4.5.0-rc.0

package/package.json

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

package/style/index.css

@@ -6223,11 +6223,35 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
   margin: 0;
 }
 
-.jp-ThemedContainer .jp-TrimmedOutputs pre {
-  background: var(--jp-layout-color3);
-  font-size: calc(var(--jp-code-font-size) * 1.4);
-  text-align: center;
-  text-transform: uppercase;
+.jp-TrimmedOutputs-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  padding: var(--jp-flat-button-padding);
+  margin: 8px 0;
+  min-height: var(--jp-flat-button-height);
+  font-size: var(--jp-ui-font-size1);
+  font-family: var(--jp-ui-font-family);
+  background-color: var(--jp-layout-color1);
+  border: 1px solid var(--jp-border-color2);
+  color: var(--jp-ui-font-color1);
+  cursor: pointer;
+}
+
+.jp-TrimmedOutputs-button:hover {
+  background-color: var(--jp-layout-color2);
+  border-color: var(--jp-border-color1);
+}
+
+.jp-TrimmedOutputs-button:active {
+  background-color: var(--jp-layout-color3);
+  border-color: var(--jp-border-color1);
+}
+
+.jp-TrimmedOutputs-button:focus-visible {
+  outline: 1px solid var(--jp-brand-color1);
+  outline-offset: -1px;
 }
 
 /* Hide the gutter in case of
@@ -6365,15 +6389,10 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
   }
 }
 
-/* Trimmed outputs warning */
-.jp-TrimmedOutputs > a {
-  margin: 10px;
-  text-decoration: none;
-  cursor: pointer;
-}
-
-.jp-TrimmedOutputs > a:hover {
-  text-decoration: none;
+/* Trimmed outputs container */
+.jp-TrimmedOutputs {
+  /* Left-align the button within the output area */
+  text-align: left;
 }
 
 /*-----------------------------------------------------------------------------
@@ -6994,6 +7013,7 @@ cell outputs.
   padding: 0 5px;
   position: fixed;
   display: table;
+  transition: visibility 0s linear 0.1s;
 }
 
 .jp-Notebook-ExecutionIndicator-tooltip.up {
@@ -7008,8 +7028,10 @@ cell outputs.
   display: none;
 }
 
-.jp-Notebook-ExecutionIndicator:hover .jp-Notebook-ExecutionIndicator-tooltip {
+.jp-Notebook-ExecutionIndicator:hover .jp-Notebook-ExecutionIndicator-tooltip,
+.jp-Notebook-ExecutionIndicator-tooltip:hover {
   visibility: visible;
+  transition-delay: 0s;
 }
 
 .jp-Notebook-ExecutionIndicator span {
@@ -7026,6 +7048,20 @@ cell outputs.
   height: 100%;
 }
 
+.jp-Notebook-ExecutionIndicator-jumpButton {
+  margin-top: 4px;
+  margin-bottom: 3px;
+  width: 100%;
+  font-size: var(--jp-ui-font-size1);
+  border: 1px solid var(--jp-border-color2);
+  color: var(--jp-ui-font-color0);
+  transition: all 0.1s ease;
+}
+
+.jp-Notebook-ExecutionIndicator-jumpButton:hover {
+  background-color: var(--jp-layout-color3) !important;
+}
+
 /*
  * Copyright (c) Jupyter Development Team.
  * Distributed under the terms of the Modified BSD License.
@@ -7653,7 +7689,7 @@ div.jp-Cell-Placeholder-content-3 {
 }
 
 /* Lazy rendering to notebook cells: content outside viewport won't be rendered until scrolled into view */
-.jp-Notebook-cell.jp-content-visibility {
+.jp-content-visibility-mode > .jp-Notebook-cell {
   content-visibility: auto;
   contain: layout style paint; /* Isolates layout, style, and paint for this element */
 }