@haniffalab/cherita-react 0.2.0-dev.2024-12-16.6be54149 → 0.2.0-dev.2025-01-17.f9a0f419

package/dist/components/full-page/FullPage.js

@@ -43,14 +43,27 @@ function FullPage(_ref) {
   (0, _react.useLayoutEffect)(() => {
     function updateDimensions() {
       if (targetRef.current) {
+        // Log the full viewport height
+        console.log("Full viewport height:", window.innerHeight);
+
+        // Get the distance from the top of the page to the target element
+        const rect = targetRef.current.getBoundingClientRect();
+        const distanceFromTop = rect.top + window.scrollY;
+        console.log("Distance from top of the page:", distanceFromTop);
+
+        // Calculate the available height for the Cherita app
+        const availableHeight = window.innerHeight - distanceFromTop;
+        console.log("Available height for Cherita app:", availableHeight);
+
+        // Update the dimensions to fit the viewport minus the navbar height
         setDimensions({
           width: targetRef.current.offsetWidth,
-          height: window.innerHeight - targetRef.current.offsetTop
+          height: availableHeight
         });
       }
     }
     window.addEventListener("resize", updateDimensions);
-    updateDimensions();
+    updateDimensions(); // Initial update
     return () => window.removeEventListener("resize", updateDimensions);
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/dist/css/cherita.css

@@ -11907,12 +11907,12 @@ textarea.form-control-lg {
   margin-top: 76px;
   padding: 20px;
   position: relative;
-  min-height: 500px;
+  min-height: 400px;
 }
 
 .cherita-container-scatterplot {
   position: relative;
-  min-height: 500px;
+  min-height: 400px;
   height: 100%;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haniffalab/cherita-react",
-  "version": "0.2.0-dev.2024-12-16.6be54149",
+  "version": "0.2.0-dev.2025-01-17.f9a0f419",
   "author": "",
   "license": "",
   "main": "dist/index.js",
@@ -101,5 +101,5 @@
     "url": "https://github.com/haniffalab/cherita-react/issues"
   },
   "homepage": "https://github.com/haniffalab/cherita-react#readme",
-  "prereleaseSha": "6be54149744ec54b8d96989fae19ecd277e68a71"
+  "prereleaseSha": "f9a0f419a990cb5fab684b202bf30c53d20f07f1"
 }

package/scss/cherita.scss

@@ -70,12 +70,12 @@
   margin-top: 76px;
   padding: 20px;
   position: relative;
-  min-height: 500px;
+  min-height: 400px;
 }
 
 .cherita-container-scatterplot {
   position: relative;
-  min-height: 500px;
+  min-height: 400px;
   height: 100%;
 }