Preview height issue fixed.

Author: kpinnipa

src/CodeSnippetDisplay.tsx

@@ -535,8 +535,18 @@ export class CodeSnippetDisplay extends React.Component<
   private _setPreviewPosition(id: string): void {
     const intID = parseInt(id, 10);
     const realTarget = document.getElementsByClassName(TITLE_CLASS)[intID];
+    const newTarget = document.getElementsByClassName('jp-codeSnippet-item')[
+      intID
+    ];
     // distDown is the number of pixels to shift the preview down
     const distDown: number = realTarget.getBoundingClientRect().top - 43; //this is bumping it up
+    const elementSnippet = newTarget as HTMLElement;
+    const heightSnippet = elementSnippet.clientHeight;
+    const heightPreview = heightSnippet.toString(10) + 'px';
+    document.documentElement.style.setProperty(
+      '--preview-max-height',
+      heightPreview
+    );
     // if (realTarget.getBoundingClientRect().top > window.screen.height / 2) {
     //   distDown = distDown - 66; //this is bumping it up further if it's close to the end of the screen
     // }

style/index.css

@@ -1,5 +1,6 @@
 :root {
   --preview-distance: 0px;
+  --preview-max-height: 75px;
   --more-options-top: 0px;
   --more-options-left: 0px;
 }
@@ -179,7 +180,7 @@
   padding: 5px;
   width: 180px;
   height: fit-content;
-  max-height: 75px;
+  max-height: var(--preview-max-height);
   /*height: 106px;*/
   box-sizing: border-box;
   box-shadow: var(--jp-elevation-z2);