Commit 300bd75b by Torkel Ödegaard

edit mode styling

parent 1b92bc62
...@@ -20,7 +20,7 @@ export interface EditorToolBarView { ...@@ -20,7 +20,7 @@ export interface EditorToolBarView {
interface State { interface State {
openView?: EditorToolBarView; openView?: EditorToolBarView;
test: boolean; fadeIn: boolean;
} }
export class EditorTabBody extends PureComponent<Props, State> { export class EditorTabBody extends PureComponent<Props, State> {
...@@ -29,12 +29,12 @@ export class EditorTabBody extends PureComponent<Props, State> { ...@@ -29,12 +29,12 @@ export class EditorTabBody extends PureComponent<Props, State> {
this.state = { this.state = {
openView: null, openView: null,
test: false, fadeIn: false,
}; };
} }
componentDidMount() { componentDidMount() {
this.setState({ test: true }); this.setState({ fadeIn: true });
} }
onToggleToolBarView = (item: EditorToolBarView) => { onToggleToolBarView = (item: EditorToolBarView) => {
...@@ -102,7 +102,8 @@ export class EditorTabBody extends PureComponent<Props, State> { ...@@ -102,7 +102,8 @@ export class EditorTabBody extends PureComponent<Props, State> {
render() { render() {
const { children, toolbarItems, main, heading } = this.props; const { children, toolbarItems, main, heading } = this.props;
const { openView, test } = this.state; const { openView, fadeIn } = this.state;
return ( return (
<> <>
<div className="toolbar"> <div className="toolbar">
...@@ -117,7 +118,7 @@ export class EditorTabBody extends PureComponent<Props, State> { ...@@ -117,7 +118,7 @@ export class EditorTabBody extends PureComponent<Props, State> {
<div className="panel-editor__toolbar-view">{openView && this.renderOpenView(openView)}</div> <div className="panel-editor__toolbar-view">{openView && this.renderOpenView(openView)}</div>
</FadeIn> </FadeIn>
<div className="panel-editor__content"> <div className="panel-editor__content">
<FadeIn in={test} duration={50}> <FadeIn in={fadeIn} duration={50}>
{children} {children}
</FadeIn> </FadeIn>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment