Adds buffer, uses zoom cursors for cell output collapser (supersedes jupyterlab#14266) (jupyterlab#14344)

* Adds buffer for cell output collapser

Uses cursors to indicate behavior

Lint fix

Uses left padding for output area

Update Playwright Snapshots

Update Playwright Snapshots

CSS changes per @andrii-i

Update Playwright Snapshots

Update Playwright Snapshots

Update Playwright Snapshots

Increase specificity of selector

Increase specificity of the selector

Update Playwright Snapshots

Update Playwright Snapshots

Update Playwright Snapshots

Update Playwright Snapshots

Update Playwright Snapshots

* Undo unwanted snapshot change

---------

Co-authored-by: Jason Weill <[email protected]>
Co-authored-by: Frédéric Collonval <[email protected]>

Author: 3 people

galata/test/documentation/general.test.ts-snapshots/file-formats-altair-documentation-linux.png

@@ -75,7 +75,7 @@ const STDIN_PROMPT_CLASS = 'jp-Stdin-prompt';
 const STDIN_INPUT_CLASS = 'jp-Stdin-input';
 
 /**
- * The overlay tha can be clicked to switch between output scrolling modes.
+ * The overlay that can be clicked to switch between output scrolling modes.
  */
 const OUTPUT_PROMPT_OVERLAY = 'jp-OutputArea-promptOverlay';
 

galata/test/documentation/general.test.ts-snapshots/interface-jupyterlab-documentation-linux.png

@@ -59,6 +59,10 @@
   -ms-user-select: text;
 }
 
+.jp-OutputArea .jp-RenderedText {
+  padding-left: 1ch;
+}
+
 /**
  * Prompt overlay.
  */
@@ -74,6 +78,11 @@
 .jp-OutputArea-promptOverlay:hover {
   background: var(--jp-layout-color2);
   box-shadow: inset 0 0 1px var(--jp-inverse-layout-color0);
+  cursor: zoom-out;
+}
+
+.jp-mod-outputsScrolled .jp-OutputArea-promptOverlay:hover {
+  cursor: zoom-in;
 }
 
 /**