Web:Common:Navigation: fix height for desktop editors for open navigation

packages/common/components/Navigation/Navigation.js

@@ -44,6 +44,7 @@ const Navigation = ({
   withMenu,
   onPlusClick,
   isEmptyPage,
+  isDesktop: isDesktopClient,
   ...rest
 }) => {
   const [isOpen, setIsOpen] = React.useState(false);
@@ -153,6 +154,7 @@ const Navigation = ({
                 toggleInfoPanel={toggleInfoPanel}
                 isInfoPanelVisible={isInfoPanelVisible}
                 onClickAvailable={onClickAvailable}
+                isDesktopClient={isDesktopClient}
               />
             </>
           )}
@@ -164,6 +166,7 @@ const Navigation = ({
             isTabletView={isTabletView}
             isRecycleBinFolder={isRecycleBinFolder}
             isDesktop={isDesktop}
+            isDesktopClient={isDesktopClient}
             isInfoPanelVisible={isInfoPanelVisible}
           >
             <ArrowButton

packages/common/components/Navigation/StyledNavigation.js

@@ -24,6 +24,11 @@ const StyledContainer = styled.div`
     props.isRootFolder ? "auto 1fr" : "49px auto 1fr"};
 
   height: 100%;
+  ${(props) =>
+    props.isDesktopClient &&
+    css`
+      max-height: 32px;
+    `}
 
   .navigation-arrow-container {
     display: flex;

packages/common/components/Navigation/sub-components/drop-box.js

@@ -108,6 +108,7 @@ const DropBox = React.forwardRef(
       maxHeight,
       isOpen,
       isDesktop,
+      isDesktopClient,
     },
     ref
   ) => {
@@ -157,6 +158,7 @@ const DropBox = React.forwardRef(
             canCreate={canCreate}
             isDropBox={true}
             isInfoPanelVisible={isInfoPanelVisible}
+            isDesktopClient={isDesktopClient}
           >
             <ArrowButton
               isRootFolder={isRootFolder}