Fix default value when collapsed

twentyhq · Oct 15, 2024 · 934d214 · 934d214
1 parent 241e232
commit 934d214
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/.../twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawer.tsx b/.../twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawer.tsx
@@ -1,4 +1,4 @@
-import { css, useTheme } from '@emotion/react';
+import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
 import { motion } from 'framer-motion';
 import { ReactNode, useState } from 'react';

diff --git a/...es/ui/navigation/navigation-drawer/components/NavigationDrawerItemsCollapsedContainer.tsx b/...es/ui/navigation/navigation-drawer/components/NavigationDrawerItemsCollapsedContainer.tsx
@@ -23,7 +23,11 @@ export const NavigationDrawerItemsCollapsedContainer = ({
     isNavigationDrawerExpandedState,
   );
   const isExpanded = isNavigationDrawerExpanded || isSettingsPage;
-  let animate: AnimationControls | TargetAndTransition = { border: 'none' };
+  let animate: AnimationControls | TargetAndTransition = {
+    width: 'auto',
+    backgroundColor: 'transparent',
+    border: 'none',
+  };
   if (!isExpanded) {
     animate = { width: 24 };
     if (isGroup) {