GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 07:21:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: Preserve dimensions on resizing for panel (#6696)

Browse Source 
fix: Preserve dimensions on resizing for panel
This commit is contained in:
Norbert de Langen 2019-05-06 10:35:17 +02:00 committed by GitHub
commit 57e8528b04
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
lib/ui/src/components/layout/container.js
View File

@ -1,3 +1,5 @@
/* eslint-disable react/no-did-update-set-state */
import React, { Component, Fragment } from 'react';
import PropTypes from 'prop-types';
import { styled, withTheme } from '@storybook/theming';
@ -285,13 +287,35 @@ class Layout extends Component {
};
}
componentDidUpdate() {
componentDidUpdate(prevProps, prevState) {
const { resizerPanel, resizerNav } = this.state;
persistance.set({
resizerPanel,
resizerNav,
});
const { width: prevWidth, height: prevHeight } = prevProps.bounds;
const { bounds, options } = this.props;
const { width, height } = bounds;
if (width !== prevWidth || height !== prevHeight) {
const { panelPosition } = options;
const isPanelBottom = panelPosition === 'bottom';
if (isPanelBottom) {
this.setState({
resizerPanel: {
x: prevState.resizerPanel.x,
y: prevState.resizerPanel.y - (prevHeight - height),
},
});
} else {
this.setState({
resizerPanel: {
x: prevState.resizerPanel.x - (prevWidth - width),
y: prevState.resizerPanel.y,
},
});
}
}
}
static getDerivedStateFromProps(props, state) {