Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Onboarding: Scroll to top when navigating between pages (https://github.com/woocommerce/woocommerce-admin/pull/3122) 

* Scroll to top when navigating between tasks

* Scroll to top when navigating between steps
This commit is contained in:
Joshua T Flowers 2019-10-30 02:24:24 +08:00 committed by Justin Shreve
parent af10516b8f
commit 9d04b15c7a
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
plugins/woocommerce-admin/client/dashboard/profile-wizard/index.js
View File

@ -71,6 +71,15 @@ class ProfileWizard extends Component {
this.goToNextStep = this.goToNextStep.bind( this ); this.goToNextStep = this.goToNextStep.bind( this );
} }
componentDidUpdate( prevProps ) {
const { step: prevStep } = prevProps.query;
const { step } = this.props.query;
if ( prevStep !== step ) {
window.document.documentElement.scrollTop = 0;
}
}
componentDidMount() { componentDidMount() {
document.documentElement.classList.remove( 'wp-toolbar' ); document.documentElement.classList.remove( 'wp-toolbar' );
document.body.classList.add( 'woocommerce-onboarding' ); document.body.classList.add( 'woocommerce-onboarding' );

3
plugins/woocommerce-admin/client/dashboard/task-list/index.js
View File

@ -40,10 +40,11 @@ class TaskDashboard extends Component {
} }
componentDidUpdate( prevProps ) { componentDidUpdate( prevProps ) {
const { task } = this.props.query;
const { task: prevTask } = prevProps.query; const { task: prevTask } = prevProps.query;
const { task } = this.props.query;
if ( prevTask !== task ) { if ( prevTask !== task ) {
window.document.documentElement.scrollTop = 0;
this.recordTaskView(); this.recordTaskView();
} }
} }