From 4b7041dabeae98d4868536f0972341ab09b726a8 Mon Sep 17 00:00:00 2001
From: Tatiana Lopaeva <tatiana.lopaeva@onlyoffice.com>
Date: Mon, 26 Aug 2024 10:48:52 +0300
Subject: [PATCH] Client: Fixed info panel header height.

---
 .../src/pages/Home/InfoPanel/Header/index.js  |  1 +
 .../Home/InfoPanel/Header/styles/common.js    | 23 +++++++++----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/client/src/pages/Home/InfoPanel/Header/index.js b/packages/client/src/pages/Home/InfoPanel/Header/index.js
index 3da3e359c3..17e5e4bf2c 100644
--- a/packages/client/src/pages/Home/InfoPanel/Header/index.js
+++ b/packages/client/src/pages/Home/InfoPanel/Header/index.js
@@ -199,6 +199,7 @@ const InfoPanelHeaderContent = (props) => {
         header={t("Common:Info")}
         onCloseClick={closeInfoPanel}
         withoutBorder
+        className="header-text"
       />
 
       {withTabs && (
diff --git a/packages/client/src/pages/Home/InfoPanel/Header/styles/common.js b/packages/client/src/pages/Home/InfoPanel/Header/styles/common.js
index ed96dd3210..440a14bd16 100644
--- a/packages/client/src/pages/Home/InfoPanel/Header/styles/common.js
+++ b/packages/client/src/pages/Home/InfoPanel/Header/styles/common.js
@@ -28,11 +28,11 @@ import styled, { css } from "styled-components";
 import { Base } from "@docspace/shared/themes";
 import { tablet } from "@docspace/shared/utils";
 
-const getHeaderHeight = ({ withTabs, isTablet }) => {
-  let res = isTablet ? 54 : 70;
-  if (withTabs) res += 32;
-  return `${res}px`;
-};
+// const getHeaderHeight = ({ withTabs, isTablet }) => {
+//   let res = isTablet ? 54 : 70;
+//   if (withTabs) res += 32;
+//   return `${res}px`;
+// };
 
 const getMainHeight = ({ isTablet }) => {
   let res = isTablet ? 52 : 68;
@@ -43,18 +43,17 @@ const StyledInfoPanelHeader = styled.div`
   width: 100%;
   max-width: 100%;
 
-  height: ${(props) => getHeaderHeight(props)};
-  min-height: ${(props) => getHeaderHeight(props)};
-  @media ${tablet} {
-    height: ${(props) => getHeaderHeight({ ...props, isTablet: true })};
-    min-height: ${(props) => getHeaderHeight({ ...props, isTablet: true })};
-  }
-
   display: flex;
   flex-direction: column;
   border-bottom: ${(props) =>
     props.withTabs ? "none" : `1px solid ${props.theme.infoPanel.borderColor}`};
 
+  .header-text {
+    height: ${(props) => getMainHeight(props)};
+    @media ${tablet} {
+      height: ${(props) => getMainHeight({ ...props, isTablet: true })};
+    }
+  }
   .tabs {
     display: flex;
     width: 100%;