IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Unmount component when fading out to reset its state, such as search..

Browse Source
This commit is contained in:
Johannes Schill 2018-12-10 15:51:41 +01:00
parent 74b3a509f7
commit 6ac8f5c7a5
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/app/core/components/Animations/FadeIn.tsx
View File

@ -5,6 +5,7 @@ interface Props {
duration: number;
children: JSX.Element;
in: boolean;
unmountOnExit?: boolean;
}
export const FadeIn: SFC<Props> = props => {
@ -21,7 +22,7 @@ export const FadeIn: SFC<Props> = props => {
};
return (
<Transition in={props.in} timeout={props.duration}>
<Transition in={props.in} timeout={props.duration} unmountOnExit={props.unmountOnExit || false}>
{state => (
<div
style={{

2
public/app/features/dashboard/dashgrid/EditorTabBody.tsx
View File

@ -117,7 +117,7 @@ export class EditorTabBody extends PureComponent<Props, State> {
</div>
<div className="panel-editor__scroll">
<CustomScrollbar autoHide={false}>
<FadeIn in={isOpen} duration={200}>
<FadeIn in={isOpen} duration={200} unmountOnExit={true}>
<div className="panel-editor__toolbar-view">{openView && this.renderOpenView(openView)}</div>
</FadeIn>
<div className="panel-editor__content">