Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Save continue dim UI #462

Merged
merged 14 commits into from
Feb 21, 2024
Merged

Save continue dim UI #462

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
6e8e21e
added events none for save and continue
ajayadav09 Feb 12, 2024
c8cbfd8
clean up
ajayadav09 Feb 12, 2024
715c744
added overlay for the save and continue
ajayadav09 Feb 13, 2024
59c823c
updated jsx ally plugin version
ajayadav09 Feb 14, 2024
f59689a
reverted from dev-dependencies
ajayadav09 Feb 14, 2024
463d22c
checking lint
ajayadav09 Feb 14, 2024
1852566
reverted linting mistakes
ajayadav09 Feb 14, 2024
25ff94e
fix linting
ajayadav09 Feb 14, 2024
ccdc24b
added interaction disabled in the state
ajayadav09 Feb 15, 2024
2ed6b7c
fixed linting issues
ajayadav09 Feb 15, 2024
7c0690d
fix style lint
ajayadav09 Feb 15, 2024
3cf84ab
changed z-index for overlay to show over sidebar
ajayadav09 Feb 19, 2024
cf361ea
close rename dropdown
ajayadav09 Feb 19, 2024
c7dea0d
Merge branch 'trunk' of https://github.com/newfold-labs/wp-module-onb…
arunshenoy99 Feb 21, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 12 additions & 0 deletions src/OnboardingSPA/steps/SiteGen/Editor/Header/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -222,6 +222,18 @@ const StepSiteGenEditorHeader = () => {
}
}, [ currentData ] );

useEffect( () => {
if ( isSaving ) {
document.body.classList.add( 'editor-actions-disabled' );
} else {
document.body.classList.remove( 'editor-actions-disabled' );
}

return () => {
document.body.classList.remove( 'editor-actions-disabled' );
};
}, [ isSaving ] );

return (
<>
<Fill name={ `${ HEADER_SITEGEN }/${ HEADER_START }` }>
Expand Down
12 changes: 12 additions & 0 deletions src/OnboardingSPA/steps/SiteGen/Editor/Header/stylesheet.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -160,3 +160,15 @@
}
}
}

body {

&.editor-actions-disabled {
pointer-events: none;
opacity: 0.7;
arunshenoy99 marked this conversation as resolved.
Show resolved Hide resolved

.nfd-onboarding-header--sitegen__editor__end__save-button {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Leverage SASS capabilities to break down --'s and __'s.

pointer-events: all;
}
}
}
Loading