@jupyterlab/outputarea 4.0.6 → 4.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +9 -9
  2. package/style/base.css +27 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jupyterlab/outputarea",
3
- "version": "4.0.6",
3
+ "version": "4.0.7",
4
4
  "description": "JupyterLab - Notebook Output Area",
5
5
  "homepage": "https://github.com/jupyterlab/jupyterlab",
6
6
  "bugs": {
@@ -42,13 +42,13 @@
42
42
  "watch": "tsc -b --watch"
43
43
  },
44
44
  "dependencies": {
45
- "@jupyterlab/apputils": "^4.1.6",
46
- "@jupyterlab/nbformat": "^4.0.6",
47
- "@jupyterlab/observables": "^5.0.6",
48
- "@jupyterlab/rendermime": "^4.0.6",
49
- "@jupyterlab/rendermime-interfaces": "^3.8.6",
50
- "@jupyterlab/services": "^7.0.6",
51
- "@jupyterlab/translation": "^4.0.6",
45
+ "@jupyterlab/apputils": "^4.1.7",
46
+ "@jupyterlab/nbformat": "^4.0.7",
47
+ "@jupyterlab/observables": "^5.0.7",
48
+ "@jupyterlab/rendermime": "^4.0.7",
49
+ "@jupyterlab/rendermime-interfaces": "^3.8.7",
50
+ "@jupyterlab/services": "^7.0.7",
51
+ "@jupyterlab/translation": "^4.0.7",
52
52
  "@lumino/algorithm": "^2.0.1",
53
53
  "@lumino/coreutils": "^2.1.2",
54
54
  "@lumino/disposable": "^2.1.2",
@@ -58,7 +58,7 @@
58
58
  "@lumino/widgets": "^2.3.0"
59
59
  },
60
60
  "devDependencies": {
61
- "@jupyterlab/testing": "^4.0.6",
61
+ "@jupyterlab/testing": "^4.0.7",
62
62
  "@types/jest": "^29.2.0",
63
63
  "jest": "^29.2.0",
64
64
  "rimraf": "~3.0.0",
package/style/base.css CHANGED
@@ -13,14 +13,15 @@
13
13
  }
14
14
 
15
15
  .jp-OutputArea-child {
16
- display: table;
17
- table-layout: fixed;
16
+ display: flex;
17
+ flex-direction: row;
18
18
  width: 100%;
19
19
  overflow: hidden;
20
20
  }
21
21
 
22
22
  .jp-OutputPrompt {
23
23
  width: var(--jp-cell-prompt-width);
24
+ flex: 0 0 var(--jp-cell-prompt-width);
24
25
  color: var(--jp-cell-outprompt-font-color);
25
26
  font-family: var(--jp-cell-prompt-font-family);
26
27
  padding: var(--jp-code-padding);
@@ -43,13 +44,7 @@
43
44
  user-select: none;
44
45
  }
45
46
 
46
- .jp-OutputArea-prompt {
47
- display: table-cell;
48
- vertical-align: top;
49
- }
50
-
51
47
  .jp-OutputArea-output {
52
- display: table-cell;
53
48
  width: 100%;
54
49
  height: auto;
55
50
  overflow: auto;
@@ -85,6 +80,11 @@
85
80
  cursor: zoom-in;
86
81
  }
87
82
 
83
+ .jp-OutputArea-child .jp-OutputArea-output {
84
+ flex-grow: 1;
85
+ flex-shrink: 1;
86
+ }
87
+
88
88
  /**
89
89
  * Isolated output.
90
90
  */
@@ -192,6 +192,7 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
192
192
  .jp-OutputArea-output.jp-OutputArea-executeResult {
193
193
  margin-left: 0;
194
194
  width: 100%;
195
+ flex: 1 1 auto;
195
196
  }
196
197
 
197
198
  /* Text output with the Out[] prompt needs a top padding to match the
@@ -261,22 +262,36 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
261
262
 
262
263
  @media print {
263
264
  .jp-OutputArea-child {
265
+ display: table;
266
+ table-layout: fixed;
264
267
  break-inside: avoid-page;
265
268
  }
269
+
270
+ .jp-OutputArea-prompt {
271
+ display: table-cell;
272
+ vertical-align: top;
273
+ }
274
+
275
+ .jp-OutputArea-output {
276
+ display: table-cell;
277
+ }
266
278
  }
267
279
 
268
280
  /*-----------------------------------------------------------------------------
269
281
  | Mobile
270
282
  |----------------------------------------------------------------------------*/
271
283
  @media only screen and (width <= 760px) {
284
+ .jp-OutputArea-child {
285
+ flex-direction: column;
286
+ }
287
+
272
288
  .jp-OutputPrompt {
273
- display: table-row;
289
+ flex: 0 0 auto;
274
290
  text-align: left;
275
291
  }
276
292
 
277
- .jp-OutputArea-child .jp-OutputArea-output {
278
- display: table-row;
279
- margin-left: var(--jp-notebook-padding);
293
+ .jp-OutputArea-promptOverlay {
294
+ display: none;
280
295
  }
281
296
  }
282
297