From bc6db2d8b00d96e8bfab61ca8bc220c499c9f00a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sim=C3=A3o=20Sanguinho?=
 <104864844+simaosanguinho@users.noreply.github.com>
Date: Tue, 2 Apr 2024 15:20:08 +0100
Subject: [PATCH] fix panel opening wrapping glitch (#4204) (#4673)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix: (#4204)

The issue was that when that panel was opened its content would wrap
instead of maintaining its desired structure. I fixed this bug by adding
a minimum width to the panel's contents so that they would stay
correctly formatted throughout the opening transition.

---------

Co-authored-by: Félix Malfait <felix.malfait@gmail.com>
---
 .../ui/layout/right-drawer/components/RightDrawer.tsx        | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawer.tsx b/packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawer.tsx
index a73e674df..b5de9a806 100644
--- a/packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawer.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawer.tsx
@@ -102,13 +102,14 @@ export const RightDrawer = () => {
 
   const variants = {
     fullScreen: {
-      width: '100%',
+      x: '0%',
     },
     normal: {
+      x: '0%',
       width: rightDrawerWidth,
     },
     closed: {
-      width: 0,
+      x: '100%',
     },
   };