diff --git a/package.json b/package.json index 9f1013b2..9de2e3a5 100644 --- a/package.json +++ b/package.json @@ -23,7 +23,7 @@ "url": "git+https://github.com/opencor/webapp.git" }, "type": "module", - "version": "0.20260220.1", + "version": "0.20260223.0", "scripts": { "archive:web": "bun src/renderer/scripts/archive.web.js", "build": "electron-vite build", diff --git a/src/renderer/package.json b/src/renderer/package.json index d5aaa637..6aac7139 100644 --- a/src/renderer/package.json +++ b/src/renderer/package.json @@ -39,7 +39,7 @@ }, "./style.css": "./dist/opencor.css" }, - "version": "0.20260220.1", + "version": "0.20260223.0", "scripts": { "build": "vite build && bun scripts/generate.version.js", "build:lib": "vite build --config vite.lib.config.ts && cp index.d.ts dist/index.d.ts", diff --git a/src/renderer/src/common/vueCommon.ts b/src/renderer/src/common/vueCommon.ts index e2ad109c..a1419b91 100644 --- a/src/renderer/src/common/vueCommon.ts +++ b/src/renderer/src/common/vueCommon.ts @@ -67,3 +67,35 @@ export const useTheme = vueusecore.createGlobalState(() => { useDarkMode }; }); + +// A composable to track the height of an element as a CSS variable. + +export const trackElementHeight = ( + sourceElement: HTMLElement, + targetElement: HTMLElement, + cssVariableName: string +): (() => void) => { + const updateHeight = () => { + const height = sourceElement.offsetHeight; + + targetElement.style.setProperty(cssVariableName, `${height}px`); + }; + + // Set the initial height. + + updateHeight(); + + // Watch for height changes, including border and padding changes. + + const { stop: stopTrackingElementHeight } = vueusecore.useResizeObserver( + sourceElement, + () => { + updateHeight(); + }, + { box: 'border-box' } + ); + + // Return the function to stop tracking the element's height. + + return stopTrackingElementHeight; +}; diff --git a/src/renderer/src/components/OpenCOR.vue b/src/renderer/src/components/OpenCOR.vue index d00af9dc..753c1b60 100644 --- a/src/renderer/src/components/OpenCOR.vue +++ b/src/renderer/src/components/OpenCOR.vue @@ -1,5 +1,5 @@