Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: remove collapse animation from propertypane. (#15017)

Browse Source
This commit is contained in:
Arsalan Yaldram 2022-07-11 11:11:15 +05:30 committed by GitHub
parent 3d22d935d3
commit 7919400035
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/client/src/pages/Editor/PropertyPane/PropertySection.tsx
View File

@ -18,6 +18,10 @@ const SectionWrapper = styled.div`
z-index: 1; z-index: 1;
position: relative; position: relative;
} }
.bp3-collapse {
transition: none;
}
`; `;
const SectionTitle = styled.div` const SectionTitle = styled.div`
display: grid; display: grid;
@ -38,7 +42,7 @@ const SectionTitle = styled.div`
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
transition: transform 0.2s; transition: none;
&.open-collapse { &.open-collapse {
transform: rotate(90deg); transform: rotate(90deg);
} }
@ -87,7 +91,7 @@ export const PropertySection = memo((props: PropertySectionProps) => {
/> />
</SectionTitle> </SectionTitle>
{props.children && ( {props.children && (
<Collapse isOpen={isOpen} keepChildrenMounted> <Collapse isOpen={isOpen} keepChildrenMounted transitionDuration={0}>
<div <div
className={`t--property-pane-section-${className}`} className={`t--property-pane-section-${className}`}
style={{ position: "relative", zIndex: 1 }} style={{ position: "relative", zIndex: 1 }}