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

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

View File

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