Skip to content

Commit 4c2c4cb

Browse files
mirkaciampo
mirka
and
ciampo
authored
Editor: Inline text editor toolbar z-index (#78309)
* Editor: Inline text editor toolbar z-index * Editor: Isolate text editor stacking context * Add changelog Co-authored-by: mirka <0mirka00@git.wordpress.org> Co-authored-by: ciampo <mciampini@git.wordpress.org>
1 parent df9b0a0 commit 4c2c4cb

3 files changed

Lines changed: 4 additions & 4 deletions

File tree

‎packages/base-styles/CHANGELOG.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66

77
### Breaking Changes
88

9-
- Remove the following entries from the `z-index()` helper ([#77753](https://github.com/WordPress/gutenberg/pull/77753), [#77759](https://github.com/WordPress/gutenberg/pull/77759), [#77772](https://github.com/WordPress/gutenberg/pull/77772), [#77806](https://github.com/WordPress/gutenberg/pull/77806), [#77807](https://github.com/WordPress/gutenberg/pull/77807), [#77808](https://github.com/WordPress/gutenberg/pull/77808), [#78180](https://github.com/WordPress/gutenberg/pull/78180), [#78181](https://github.com/WordPress/gutenberg/pull/78181)):
9+
- Remove the following entries from the `z-index()` helper ([#77753](https://github.com/WordPress/gutenberg/pull/77753), [#77759](https://github.com/WordPress/gutenberg/pull/77759), [#77772](https://github.com/WordPress/gutenberg/pull/77772), [#77806](https://github.com/WordPress/gutenberg/pull/77806), [#77807](https://github.com/WordPress/gutenberg/pull/77807), [#77808](https://github.com/WordPress/gutenberg/pull/77808), [#78180](https://github.com/WordPress/gutenberg/pull/78180), [#78181](https://github.com/WordPress/gutenberg/pull/78181), [#78309](https://github.com/WordPress/gutenberg/pull/78309)):
1010
- `.block-editor-block-manager__category-title`
1111
- `.block-editor-block-manager__disabled-blocks-count`
1212
- `.block-library-query-pattern__selection-search`
@@ -22,6 +22,7 @@
2222
- `.editor-post-template__swap-template-search`
2323
- `.editor-start-page-options__modal__actions`
2424
- `.editor-start-template-options__modal__actions`
25+
- `.editor-text-editor__toolbar`
2526
- `.wp-block-cover__image-background`
2627
- `.wp-block-cover__inner-container`
2728
- `.wp-block-cover__video-background`

‎packages/base-styles/_z-index.scss‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,6 @@
66

77
$z-layers: (
88
".block-editor-block-list__block.is-selected": 20,
9-
".editor-text-editor__toolbar": 1,
109

1110
".components-modal__header": 10,
1211
".edit-post-layout__footer": 30,

‎packages/editor/src/components/text-editor/style.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@
22
@use "@wordpress/base-styles/colors" as *;
33
@use "@wordpress/base-styles/mixins" as *;
44
@use "@wordpress/base-styles/variables" as *;
5-
@use "@wordpress/base-styles/z-index" as *;
65

76
.editor-text-editor {
87
@include reset;
98
position: relative;
9+
isolation: isolate;
1010
width: 100%;
1111
background-color: $white;
1212
flex-grow: 1;
@@ -53,7 +53,7 @@
5353
// Exit code editor toolbar.
5454
.editor-text-editor__toolbar {
5555
position: sticky;
56-
z-index: z-index(".editor-text-editor__toolbar");
56+
z-index: 1;
5757
top: 0;
5858
left: 0;
5959
right: 0;

0 commit comments

Comments
 (0)