@plesk/ui-library 3.46.1 → 3.46.2

package/esm/components/Layout/Layout.js

@@ -47,6 +47,7 @@ class Layout extends Component {
     });
     _defineProperty(this, "headerRef", /*#__PURE__*/createRef());
     _defineProperty(this, "sidebarRef", /*#__PURE__*/createRef());
+    _defineProperty(this, "rightSidebarRef", /*#__PURE__*/createRef());
     _defineProperty(this, "responsiveSidebarTogglerRef", /*#__PURE__*/createRef());
     _defineProperty(this, "unsubscribeMatchMedia", void 0);
     _defineProperty(this, "unsubscribeClickOutside", void 0);
@@ -301,6 +302,8 @@ class Layout extends Component {
     const {
       baseClassName
     } = this.props;
+    const isMobile = window.matchMedia('(max-width: 768px)').matches;
+    const sidebarOffsetTop = this.headerRef.current?.getBoundingClientRect().height || 0;
     return /*#__PURE__*/_jsx(CSSTransition, {
       in: !rightSidebarVisible,
       timeout: 300,
@@ -313,7 +316,14 @@ class Layout extends Component {
         exitDone: `${baseClassName}__right-sidebar--off`
       },
       children: /*#__PURE__*/_jsx("aside", {
-        className: `${baseClassName}__right-sidebar`,
+        ref: this.rightSidebarRef,
+        className: classNames(`${baseClassName}__right-sidebar`, {
+          [`${baseClassName}__right-sidebar--on`]: rightSidebarVisible,
+          [`${baseClassName}__right-sidebar--off`]: !rightSidebarVisible
+        }),
+        style: {
+          height: isMobile ? '100vh' : `calc(100vh - ${sidebarOffsetTop}px)`
+        },
         children: /*#__PURE__*/_jsx("div", {
           className: `${baseClassName}__right-sidebar-inner`,
           children: /*#__PURE__*/_jsx("div", {
@@ -412,9 +422,9 @@ class Layout extends Component {
           className: `${baseClassName}__container`,
           children: [this.renderSidebar({
             sidebar
-          }), /*#__PURE__*/_jsxs("div", {
+          }), /*#__PURE__*/_jsx("div", {
             className: `${baseClassName}__content-wrapper`,
-            children: [/*#__PURE__*/_jsxs("div", {
+            children: /*#__PURE__*/_jsxs("div", {
               className: `${baseClassName}__content`,
               children: [this.renderContentAddon({
                 contentAddon
@@ -425,10 +435,10 @@ class Layout extends Component {
               }), this.renderFooter({
                 footer
               })]
-            }), this.renderRightSidebar({
-              rightSidebar,
-              rightSidebarVisible
-            })]
+            })
+          }), this.renderRightSidebar({
+            rightSidebar,
+            rightSidebarVisible
           })]
         })]
       })

package/esm/index.js

@@ -1,6 +1,6 @@
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 import svg4everybody from 'svg4everybody';
-const version = "3.46.1";
+const version = "3.46.2";
 export * from './publicPath';
 export { version };
 export * from './utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plesk/ui-library",
-  "version": "3.46.1",
+  "version": "3.46.2",
   "description": "Plesk UI Library",
   "main": "index.js",
   "module": "esm/index.js",