Editor: Inline pattern chooser z-index values#77772
Conversation
| margin-left: - $grid-unit-40; | ||
| margin-right: - $grid-unit-40; |
There was a problem hiding this comment.
The footer margin offsets for both dialogs probably broke due to #73334, where the Modal paddings changed. There may be more similar breakage elsewhere. I'm thinking these would be good places to try migrating to the @wordpress/ui Dialog, as they are safe and have concrete bugs that would be fixed by the Dialog.Footer.
There was a problem hiding this comment.
Soudns good! Do you want to try the migration yourself, as an excuse to have someone different from me using/testing Dialog ?
There was a problem hiding this comment.
Yes of course 👍 I'm keeping all these migration candidates in my notes.
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message. To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
|
Size Change: 0 B Total Size: 7.87 MB ℹ️ View Unchanged
|
|
Flaky tests detected in ea28e9d. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/25081916236
|
| margin-left: - $grid-unit-40; | ||
| margin-right: - $grid-unit-40; |
There was a problem hiding this comment.
Soudns good! Do you want to try the migration yourself, as an excuse to have someone different from me using/testing Dialog ?
# Conflicts: # packages/base-styles/CHANGELOG.md
Co-authored-by: Marco Ciampini <marco.ciampo@gmail.com>
What?
Inlines the start page and start template options modal footer z-index values that were previously defined in the shared
z-index()helper.Why?
These stacking values only describe layering inside their own modal layouts. Keeping them local makes the shared z-index map smaller and easier to reserve for cross-component stacking concerns.
How?
Removes the start options modal footer entries from
packages/base-styles/_z-index.scssand replaces the correspondingz-index()calls with localz-index: 1values in the component styles.Testing Instructions
npm run lint:css -- packages/base-styles/_z-index.scss packages/editor/src/components/start-template-options/style.scss packages/editor/src/components/start-page-options/style.scss.Choose a patternmodal opens.Always show starter patterns for new pagescheckbox stays above the modal content.Choose a patternmodal opens.Skipbutton stays above the modal content.Screenshots or screencast