From e6ef7b5e3742743a3ac562785a68b90daf6aa12f Mon Sep 17 00:00:00 2001
From: Dmitry Sychugov <dmitry.sychugov@onlyoffice.com>
Date: Mon, 28 Feb 2022 18:16:35 +0500
Subject: [PATCH] Web: Common: changed positioning section header

---
 .../PageLayout/sub-components/section-header.js  | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/asc-web-common/components/PageLayout/sub-components/section-header.js b/packages/asc-web-common/components/PageLayout/sub-components/section-header.js
index a9a76ca5fb..20c9dde037 100644
--- a/packages/asc-web-common/components/PageLayout/sub-components/section-header.js
+++ b/packages/asc-web-common/components/PageLayout/sub-components/section-header.js
@@ -125,19 +125,23 @@ class SectionHeader extends React.Component {
       isHeaderVisible,
       viewAs,
       maintenanceExist,
+      snackbarExist,
       ...rest
     } = this.props;
 
     let top = "48px";
-    let marginTop = "48px";
+    let marginTop = "52px";
+    let barExist = null;
+
+    const mainBar = document.getElementById("main-bar");
 
     if (maintenanceExist) {
-      const mainBar = document.getElementById("main-bar");
       const bar = document.getElementById("bar-banner");
-      const rects = mainBar.getBoundingClientRect();
+      barExist = bar;
+      const rects = mainBar ? mainBar.getBoundingClientRect() : null;
 
-      top = bar ? "108px" : rects.height + 40 + "px";
-      marginTop = bar ? "48px" : rects.height - 60 + 36 + "px";
+      top = bar ? "108px" : rects ? rects.height + 40 + "px" : "48px";
+      marginTop = bar ? "52px" : rects ? rects.height - 40 + 36 + "px" : "52px";
     }
 
     return (
@@ -147,7 +151,7 @@ class SectionHeader extends React.Component {
             isArticlePinned={isArticlePinned}
             isSectionHeaderVisible={value.isVisible}
             viewAs={viewAs}
-            maintenanceExist={maintenanceExist}
+            maintenanceExist={maintenanceExist && mainBar}
             top={top}
             marginTop={marginTop}
           >