mirror of
https://github.com/mattermost/mattermost.git
synced 2025-02-25 18:55:24 -06:00
Fixing resize
This commit is contained in:
@@ -9,6 +9,7 @@ export default class ErrorBar extends React.Component {
|
||||
|
||||
this.onErrorChange = this.onErrorChange.bind(this);
|
||||
this.handleClose = this.handleClose.bind(this);
|
||||
this.resize = this.resize.bind(this);
|
||||
this.prevTimer = null;
|
||||
|
||||
this.state = ErrorStore.getLastError();
|
||||
@@ -45,26 +46,8 @@ export default class ErrorBar extends React.Component {
|
||||
return false;
|
||||
}
|
||||
|
||||
componentDidMount() {
|
||||
ErrorStore.addChangeListener(this.onErrorChange);
|
||||
|
||||
$(window).resize(() => {
|
||||
if (this.isValidError(this.state)) {
|
||||
var height = $(React.findDOMNode(this)).outerHeight();
|
||||
height = height < 30 ? 30 : height;
|
||||
$('body').css('padding-top', height + 'px');
|
||||
} else {
|
||||
$('body').css('padding-top', '0');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
componentWillUnmount() {
|
||||
ErrorStore.removeChangeListener(this.onErrorChange);
|
||||
}
|
||||
|
||||
componentDidUpdate(nextProps, nextState) {
|
||||
if (this.isValidError(nextState)) {
|
||||
resize() {
|
||||
if (this.isValidError(this.state)) {
|
||||
var height = $(React.findDOMNode(this)).outerHeight();
|
||||
height = height < 30 ? 30 : height;
|
||||
$('body').css('padding-top', height + 'px');
|
||||
@@ -73,6 +56,24 @@ export default class ErrorBar extends React.Component {
|
||||
}
|
||||
}
|
||||
|
||||
componentDidMount() {
|
||||
ErrorStore.addChangeListener(this.onErrorChange);
|
||||
|
||||
$(window).resize(() => {
|
||||
this.resize();
|
||||
});
|
||||
|
||||
this.resize();
|
||||
}
|
||||
|
||||
componentWillUnmount() {
|
||||
ErrorStore.removeChangeListener(this.onErrorChange);
|
||||
}
|
||||
|
||||
componentDidUpdate() {
|
||||
this.resize();
|
||||
}
|
||||
|
||||
onErrorChange() {
|
||||
var newState = ErrorStore.getLastError();
|
||||
|
||||
|
||||
Reference in New Issue
Block a user