Web:Common:Fixed the missing button to open the info panel on tablets with desktop resolution.

packages/common/components/Navigation/Navigation.js

@@ -17,6 +17,7 @@ import {
   isMobile as isMobileUtils,
   isTablet as isTabletUtils,
   isDesktop as isDesktopUtils,
+  isSmallTablet as isSmallTabletUtils,
 } from "@docspace/components/utils/device";
 import ToggleInfoPanelButton from "./sub-components/toggle-infopanel-btn";
 import TrashWarning from "./sub-components/trash-warning";
@@ -59,8 +60,7 @@ const Navigation = ({
   const containerRef = React.useRef(null);
 
   const isDesktop =
-    (!isMobile && !isTabletUtils() && !isMobileUtils()) ||
-    (isDesktopUtils() && !isMobile);
+    (!isTabletUtils() && !isSmallTabletUtils()) || isDesktopUtils();
 
   const infoPanelIsVisible = React.useMemo(
     () => isDesktop && (!isEmptyPage || (isEmptyPage && isRoom)),

packages/common/components/Navigation/StyledNavigation.js

@@ -67,13 +67,6 @@ const StyledContainer = styled.div`
     grid-template-columns: ${(props) =>
       props.isRootFolder ? "1fr auto" : "29px 1fr auto"};
   }
-
-  ${isMobile &&
-  css`
-    width: 100%;
-    grid-template-columns: ${(props) =>
-      props.isRootFolder ? "1fr auto" : "49px 1fr auto"};
-  `}
 `;
 
 export default StyledContainer;

packages/common/components/Navigation/sub-components/toggle-infopanel-btn.js

@@ -21,12 +21,6 @@ const StyledInfoPanelToggleWrapper = styled.div`
     margin-left: ${(props) => (props.isRootFolder ? "auto" : "0")};
   }
 
-  ${isMobile &&
-  css`
-    display: none;
-    margin-left: ${(props) => (props.isRootFolder ? "auto" : "0")};
-  `}
-
   .info-panel-toggle-bg {
     height: 32px;
     width: 32px;