@jupyterlab/outputarea 4.0.0-alpha.2 → 4.0.0-alpha.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyterlab/outputarea",
-  "version": "4.0.0-alpha.2",
+  "version": "4.0.0-alpha.5",
   "description": "JupyterLab - Notebook Output Area",
   "homepage": "https://github.com/jupyterlab/jupyterlab",
   "bugs": {
@@ -41,27 +41,27 @@
     "watch": "tsc -b --watch"
   },
   "dependencies": {
-    "@jupyterlab/apputils": "^4.0.0-alpha.2",
-    "@jupyterlab/nbformat": "^4.0.0-alpha.2",
-    "@jupyterlab/observables": "^5.0.0-alpha.2",
-    "@jupyterlab/rendermime": "^4.0.0-alpha.2",
-    "@jupyterlab/rendermime-interfaces": "^4.0.0-alpha.2",
-    "@jupyterlab/services": "^7.0.0-alpha.2",
+    "@jupyterlab/apputils": "^4.0.0-alpha.5",
+    "@jupyterlab/nbformat": "^4.0.0-alpha.5",
+    "@jupyterlab/observables": "^5.0.0-alpha.5",
+    "@jupyterlab/rendermime": "^4.0.0-alpha.5",
+    "@jupyterlab/rendermime-interfaces": "^4.0.0-alpha.5",
+    "@jupyterlab/services": "^7.0.0-alpha.5",
     "@lumino/algorithm": "^1.9.1",
-    "@lumino/coreutils": "^1.11.1",
+    "@lumino/coreutils": "^1.12.0",
     "@lumino/disposable": "^1.10.1",
     "@lumino/messaging": "^1.10.1",
     "@lumino/properties": "^1.8.1",
     "@lumino/signaling": "^1.10.1",
-    "@lumino/widgets": "^1.30.0"
+    "@lumino/widgets": "^1.31.1"
   },
   "devDependencies": {
-    "@jupyterlab/testutils": "^4.0.0-alpha.2",
+    "@jupyterlab/testutils": "^4.0.0-alpha.5",
     "@types/jest": "^26.0.10",
     "jest": "^26.4.2",
     "rimraf": "~3.0.0",
     "ts-jest": "^26.3.0",
-    "typedoc": "~0.21.2",
+    "typedoc": "~0.22.10",
     "typescript": "~4.5.2"
   },
   "publishConfig": {

package/style/base.css

@@ -3,13 +3,6 @@
 | Distributed under the terms of the Modified BSD License.
 |----------------------------------------------------------------------------*/
 
-/*-----------------------------------------------------------------------------
-| Private CSS variables
-|----------------------------------------------------------------------------*/
-
-:root {
-}
-
 /*-----------------------------------------------------------------------------
 | Main OutputArea
 | OutputArea has a list of Outputs
@@ -21,6 +14,7 @@
 
 .jp-OutputArea-child {
   display: table;
+  table-layout: fixed;
   width: 100%;
   overflow: hidden;
 }
@@ -28,7 +22,7 @@
 .jp-OutputPrompt {
   display: table-cell;
   vertical-align: top;
-  min-width: var(--jp-cell-prompt-width);
+  width: var(--jp-cell-prompt-width);
   color: var(--jp-cell-outprompt-font-color);
   font-family: var(--jp-cell-prompt-font-family);
   padding: var(--jp-code-padding);
@@ -37,11 +31,13 @@
   font-size: var(--jp-code-font-size);
   border: var(--jp-border-width) solid transparent;
   opacity: var(--jp-cell-prompt-opacity);
+
   /* Right align prompt text, don't wrap to handle large prompt numbers */
   text-align: right;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+
   /* Disable text selection */
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -49,11 +45,6 @@
   user-select: none;
 }
 
-body[data-format='mobile'] .jp-OutputPrompt {
-  display: table-row;
-  text-align: left;
-}
-
 .jp-OutputArea-output {
   display: table-cell;
   width: 100%;
@@ -65,11 +56,6 @@ body[data-format='mobile'] .jp-OutputPrompt {
   -ms-user-select: text;
 }
 
-body[data-format='mobile'] .jp-OutputArea-child .jp-OutputArea-output {
-  display: table-row;
-  margin-left: var(--jp-notebook-padding);
-}
-
 /**
  * Isolated output.
  */
@@ -88,7 +74,7 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated {
   position: relative;
 }
 
-body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated:before {
+body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
   content: '';
   position: absolute;
   top: 0;
@@ -102,8 +88,8 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated:before {
 
 .jp-OutputArea-output pre {
   border: none;
-  margin: 0px;
-  padding: 0px;
+  margin: 0;
+  padding: 0;
   overflow-x: auto;
   overflow-y: auto;
   word-break: break-all;
@@ -162,7 +148,7 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated:before {
 |----------------------------------------------------------------------------*/
 
 .jp-OutputArea-output.jp-OutputArea-executeResult {
-  margin-left: 0px;
+  margin-left: 0;
   width: 100%;
 }
 
@@ -198,11 +184,13 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated:before {
   background-color: inherit;
   width: 42%;
   min-width: 200px;
+
   /* make sure input baseline aligns with prompt */
   vertical-align: baseline;
+
   /* padding + margin = 0.5em between prompt and cursor */
-  padding: 0em 0.25em;
-  margin: 0em 0.25em;
+  padding: 0 0.25em;
+  margin: 0 0.25em;
   flex: 0 0 70%;
 }
 
@@ -232,3 +220,18 @@ body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated:before {
     break-inside: avoid-page;
   }
 }
+
+/*-----------------------------------------------------------------------------
+| Mobile
+|----------------------------------------------------------------------------*/
+@media only screen and (max-width: 760px) {
+  .jp-OutputPrompt {
+    display: table-row;
+    text-align: left;
+  }
+
+  .jp-OutputArea-child .jp-OutputArea-output {
+    display: table-row;
+    margin-left: var(--jp-notebook-padding);
+  }
+}