Merge pull request #81 from shapehq/bugfix/expand-collapse-mobile-too…

…lbar-on-desktop Hides expand/collapse mobile toolbar on desktop
shapehq · Oct 27, 2023 · 4470eec · 4470eec
2 parents bed09b4 + 51a20fe
commit 4470eec
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/features/sidebar/view/base/responsive/SecondaryHeader.tsx b/src/features/sidebar/view/base/responsive/SecondaryHeader.tsx
@@ -30,7 +30,11 @@ export default function ResponsiveSecondaryHeader({
         <Stack direction="row" alignItems="center">
           {trailingItem}
           {mobileToolbar &&
-            <IconButton edge="end" onClick={() => onToggleMobileToolbar(!showMobileToolbar) }>
+            <IconButton
+              edge="end"
+              onClick={() => onToggleMobileToolbar(!showMobileToolbar) }
+              sx={{ display: { sm: "block", md: "none" } }}
+            >
               <ExpandCircleDownIcon sx={{
                 transform: showMobileToolbar ? "rotate(180deg)" : "none" }}
               />
@@ -41,7 +45,11 @@ export default function ResponsiveSecondaryHeader({
     >
       {mobileToolbar &&
         <Collapse in={showMobileToolbar} >
-          <Box sx={{ padding: 2, paddingTop: 0, display: { sm: "block", md: "none" } }}>
+          <Box sx={{
+            padding: 2,
+            paddingTop: 0,
+            display: { sm: "block", md: "none" }
+          }}>
             {mobileToolbar}
           </Box>
         </Collapse>