@eeacms/volto-resize-helper - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

CHANGELOG.md

@@ -7,10 +7,15 @@ ### Changelog
 
-### [1.1.0](https://github.com/eea/volto-resize-helper/compare/1.0.1...1.1.0) - 22 March 2023
+### [1.2.0](https://github.com/eea/volto-resize-helper/compare/1.1.0...1.2.0) - 29 March 2023
 
 #### :rocket: New Features
 
-- feat: set scrollbar-width as css var to root [Miu Razvan - [`aa8a516`](https://github.com/eea/volto-resize-helper/commit/aa8a516a3d2c742dfbda1747cefd366d82139527)]
+- feat: compute viewport-(width/height) [Miu Razvan - [`e12fc33`](https://github.com/eea/volto-resize-helper/commit/e12fc33dad9613bb541d484a53bb169d2bc6240a)]
 
 #### :hammer_and_wrench: Others
 
+- prepare 1.2.0 release [Miu Razvan - [`fd7b9f5`](https://github.com/eea/volto-resize-helper/commit/fd7b9f55db0a09bfe54466e09efe47b5a654c57d)]
+### [1.1.0](https://github.com/eea/volto-resize-helper/compare/1.0.1...1.1.0) - 23 March 2023
+
+#### :hammer_and_wrench: Others
+
 - don't run screen update on scroll event + add withScreenSize hocs [Miu Razvan - [`ed17a5c`](https://github.com/eea/volto-resize-helper/commit/ed17a5c9c03cb8f56e779903907b280082cd2577)]
@@ -17,0 +22,0 @@ - Release 1.1.0 [Alin Voinea - [`b7b3b85`](https://github.com/eea/volto-resize-helper/commit/b7b3b851f08a4bf7297c8d232fd809bbcb55ab17)]

package.json

 {
   "name": "@eeacms/volto-resize-helper",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "@eeacms/volto-resize-helper: Volto add-on",
@@ -5,0 +5,0 @@ "main": "src/index.js",

src/ScreenSize/ScreenSize.jsx

@@ -36,2 +36,5 @@ /* eslint-disable no-extend-native */
     const documentElement = document.documentElement;
+    const vw = document.documentElement.offsetWidth * 0.01;
+    const vh = document.documentElement.offsetHeight * 0.01;
+
     const screen = {
@@ -47,2 +50,4 @@ height: window.screen.availHeight,
       scrollbarWidth: window.innerWidth - documentElement.offsetWidth,
+      vw,
+      vh,
     };
@@ -77,2 +82,4 @@
     );
+    documentElement.style.setProperty('--vw', `${vw}px`);
+    documentElement.style.setProperty('--vh', `${vh}px`);
 
@@ -84,5 +91,7 @@ this.props.dispatch(updateScreen(newScreen));
     if (__SERVER__) return;
-    this.updateScreen({
-      hasTouchScreen: detectTouchScreen(),
-    });
+    setTimeout(() => {
+      this.updateScreen({
+        hasTouchScreen: detectTouchScreen(),
+      });
+    }, 0);
     window.addEventListener('resize', debounce(this.updateScreen));
@@ -89,0 +98,0 @@ // window.addEventListener('scroll', debounce(this.updateScreen));

No alert changes

Improved metrics

Total package byte prevSize

28472

increased by2.01%

Lines of code

320

increased by2.56%

No dependency changes