From c52fd15aca61c6b3643637224b9d732b216bf9e4 Mon Sep 17 00:00:00 2001
From: Aria Minaei <aria.minaei@gmail.com>
Date: Tue, 24 Jan 2023 16:22:25 +0100
Subject: [PATCH] Fix the style of the chevron of outline menu items

---
 theatre/studio/src/panels/OutlinePanel/BaseItem.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/theatre/studio/src/panels/OutlinePanel/BaseItem.tsx b/theatre/studio/src/panels/OutlinePanel/BaseItem.tsx
index 8ad2013..d389f50 100644
--- a/theatre/studio/src/panels/OutlinePanel/BaseItem.tsx
+++ b/theatre/studio/src/panels/OutlinePanel/BaseItem.tsx
@@ -101,9 +101,18 @@ const Head_Icon_WithDescendants = styled.span`
   font-size: 9px;
   position: relative;
   display: block;
+  transition: transform 0.1s ease-out;
+
+  &:hover {
+    transform: rotate(-20deg);
+  }
 
   ${Container}.collapsed & {
     transform: rotate(-90deg);
+
+    &:hover {
+      transform: rotate(-70deg);
+    }
   }
 `
 
@@ -157,8 +166,8 @@ const BaseItem: React.FC<{
             <Head_Icon_WithDescendants
               onClick={(evt) => {
                 evt.stopPropagation()
+                evt.preventDefault()
                 setIsCollapsed?.(!collapsed)
-                select?.()
               }}
             >
               <ChevronDown />