variablelab/theatre
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix the style of the chevron of outline menu items

Browse source
This commit is contained in:
Aria Minaei 2023-01-24 16:22:25 +01:00
parent ee357b341e
commit c52fd15aca
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
theatre/studio/src/panels/OutlinePanel/BaseItem.tsx
View file

@ -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 />