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; font-size: 9px;
position: relative; position: relative;
display: block; display: block;
transition: transform 0.1s ease-out;
&:hover {
transform: rotate(-20deg);
}
${Container}.collapsed & { ${Container}.collapsed & {
transform: rotate(-90deg); transform: rotate(-90deg);
&:hover {
transform: rotate(-70deg);
}
} }
` `
@ -157,8 +166,8 @@ const BaseItem: React.FC<{
<Head_Icon_WithDescendants <Head_Icon_WithDescendants
onClick={(evt) => { onClick={(evt) => {
evt.stopPropagation() evt.stopPropagation()
evt.preventDefault()
setIsCollapsed?.(!collapsed) setIsCollapsed?.(!collapsed)
select?.()
}} }}
> >
<ChevronDown /> <ChevronDown />