@wordpress/edit-post 8.49.1 → 8.50.1-next.v.202607070741.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/build/components/back-button/fullscreen-mode-close.cjs +21 -121
  3. package/build/components/back-button/fullscreen-mode-close.cjs.map +3 -3
  4. package/build/components/layout/index.cjs +6 -6
  5. package/build/components/layout/index.cjs.map +2 -2
  6. package/build/index.cjs +3 -1
  7. package/build/index.cjs.map +2 -2
  8. package/build-module/components/back-button/fullscreen-mode-close.mjs +23 -123
  9. package/build-module/components/back-button/fullscreen-mode-close.mjs.map +2 -2
  10. package/build-module/components/layout/index.mjs +6 -6
  11. package/build-module/components/layout/index.mjs.map +2 -2
  12. package/build-module/index.mjs +3 -1
  13. package/build-module/index.mjs.map +2 -2
  14. package/build-style/classic-rtl.css +6 -0
  15. package/build-style/classic.css +6 -0
  16. package/build-style/style-rtl.css +24 -99
  17. package/build-style/style.css +24 -99
  18. package/package.json +34 -34
  19. package/src/components/back-button/fullscreen-mode-close.js +14 -139
  20. package/src/components/back-button/style.scss +9 -49
  21. package/src/components/layout/index.js +4 -5
  22. package/src/components/preferences-modal/test/__snapshots__/enable-custom-fields.js.snap +16 -148
  23. package/src/components/preferences-modal/test/__snapshots__/meta-boxes-section.js.snap +24 -117
  24. package/src/index.js +3 -1
  25. package/src/style.scss +13 -6
  26. package/build-style/experimental-omnibar-rtl.css +0 -50
  27. package/build-style/experimental-omnibar.css +0 -50
  28. package/src/experimental-omnibar.scss +0 -67
package/src/style.scss CHANGED
@@ -5,10 +5,21 @@
5
5
  @use "./components/layout/style.scss" as *;
6
6
  @use "./components/meta-boxes/meta-boxes-area/style.scss" as *;
7
7
  @use "./components/welcome-guide/style.scss" as *;
8
- @use "./experimental-omnibar.scss" as *;
9
8
 
10
9
  body.js.block-editor-page {
11
10
  @include wp-admin-reset( ".block-editor" );
11
+
12
+ &.is-fullscreen-mode {
13
+ @include break-medium {
14
+ &:has(.editor-editor-interface.is-distraction-free) {
15
+ --wp-admin--admin-bar--height: 0px;
16
+
17
+ #wpadminbar {
18
+ display: none;
19
+ }
20
+ }
21
+ }
22
+ }
12
23
  }
13
24
 
14
25
  // Fix issue with wp-admin menu not scrolling between 170% and 200% zoom.
@@ -37,11 +48,7 @@ body.js.block-editor-page {
37
48
 
38
49
  // The WP header height changes at this breakpoint.
39
50
  @include break-medium {
40
- min-height: calc(100vh - #{$admin-bar-height});
41
-
42
- body.is-fullscreen-mode & {
43
- min-height: 100vh;
44
- }
51
+ min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
45
52
  }
46
53
 
47
54
  img {
package/build-style/experimental-omnibar-rtl.css DELETED
@@ -1,50 +0,0 @@
1
- body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle {
2
- display: flex;
3
- align-items: center;
4
- justify-content: center;
5
- width: 32px;
6
- height: 32px;
7
- }
8
- body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__back-icon {
9
- top: auto;
10
- right: auto;
11
- width: 32px;
12
- height: 32px;
13
- background: transparent;
14
- }
15
- body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle:hover .edit-post-fullscreen-mode-close__back-icon {
16
- color: var(--wp-admin-theme-color);
17
- }
18
- body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header:has(> .editor-header__back-button) {
19
- grid-template-columns: 32px minmax(0, max-content) minmax(min-content, 1fr) 64px;
20
- }
21
- body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header:has(> .editor-header__back-button):has(> .editor-header__center) {
22
- grid-template-columns: 32px min-content 1fr min-content 64px;
23
- }
24
- body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header__back-button {
25
- padding-right: 8px;
26
- }
27
- @media (min-width: 782px) {
28
- body.has-admin-bar-in-editor.is-fullscreen-mode {
29
- margin-top: 0;
30
- height: 100%;
31
- }
32
- body.has-admin-bar-in-editor.is-fullscreen-mode #wpadminbar {
33
- display: block;
34
- }
35
- body.has-admin-bar-in-editor.is-fullscreen-mode .interface-interface-skeleton,
36
- body.has-admin-bar-in-editor.is-fullscreen-mode .editor-post-publish-panel,
37
- body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,
38
- body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
39
- top: var(--wp-admin--admin-bar--height, 0);
40
- }
41
- body.has-admin-bar-in-editor.is-fullscreen-mode .block-editor__container {
42
- min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
43
- }
44
- body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) {
45
- --wp-admin--admin-bar--height: 0;
46
- }
47
- body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
48
- display: none;
49
- }
50
- }
package/build-style/experimental-omnibar.css DELETED
@@ -1,50 +0,0 @@
1
- body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle {
2
- display: flex;
3
- align-items: center;
4
- justify-content: center;
5
- width: 32px;
6
- height: 32px;
7
- }
8
- body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__back-icon {
9
- top: auto;
10
- left: auto;
11
- width: 32px;
12
- height: 32px;
13
- background: transparent;
14
- }
15
- body.has-admin-bar-in-editor .edit-post-fullscreen-mode-close__view-mode-toggle:hover .edit-post-fullscreen-mode-close__back-icon {
16
- color: var(--wp-admin-theme-color);
17
- }
18
- body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header:has(> .editor-header__back-button) {
19
- grid-template-columns: 32px minmax(0, max-content) minmax(min-content, 1fr) 64px;
20
- }
21
- body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header:has(> .editor-header__back-button):has(> .editor-header__center) {
22
- grid-template-columns: 32px min-content 1fr min-content 64px;
23
- }
24
- body.has-admin-bar-in-editor.is-fullscreen-mode .editor-header__back-button {
25
- padding-left: 8px;
26
- }
27
- @media (min-width: 782px) {
28
- body.has-admin-bar-in-editor.is-fullscreen-mode {
29
- margin-top: 0;
30
- height: 100%;
31
- }
32
- body.has-admin-bar-in-editor.is-fullscreen-mode #wpadminbar {
33
- display: block;
34
- }
35
- body.has-admin-bar-in-editor.is-fullscreen-mode .interface-interface-skeleton,
36
- body.has-admin-bar-in-editor.is-fullscreen-mode .editor-post-publish-panel,
37
- body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,
38
- body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
39
- top: var(--wp-admin--admin-bar--height, 0);
40
- }
41
- body.has-admin-bar-in-editor.is-fullscreen-mode .block-editor__container {
42
- min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
43
- }
44
- body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) {
45
- --wp-admin--admin-bar--height: 0;
46
- }
47
- body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
48
- display: none;
49
- }
50
- }
package/src/experimental-omnibar.scss DELETED
@@ -1,67 +0,0 @@
1
- // Styles for the experimental admin bar in editor.
2
-
3
- body.has-admin-bar-in-editor {
4
- .edit-post-fullscreen-mode-close__view-mode-toggle {
5
- display: flex;
6
- align-items: center;
7
- justify-content: center;
8
- width: 32px;
9
- height: 32px;
10
-
11
- .edit-post-fullscreen-mode-close__back-icon {
12
- top: auto;
13
- left: auto;
14
- width: 32px;
15
- height: 32px;
16
- background: transparent;
17
- }
18
-
19
- &:hover .edit-post-fullscreen-mode-close__back-icon {
20
- color: var(--wp-admin-theme-color);
21
- }
22
- }
23
-
24
- &.is-fullscreen-mode {
25
- .editor-header:has(> .editor-header__back-button) {
26
- grid-template-columns: 32px minmax(0, max-content) minmax(min-content, 1fr) 64px;
27
- }
28
-
29
- .editor-header:has(> .editor-header__back-button):has(> .editor-header__center) {
30
- grid-template-columns: 32px min-content 1fr min-content 64px;
31
- }
32
-
33
- .editor-header__back-button {
34
- padding-left: 8px;
35
- }
36
- }
37
-
38
- @media (min-width: 782px) {
39
- &.is-fullscreen-mode {
40
- margin-top: 0;
41
- height: 100%;
42
-
43
- #wpadminbar {
44
- display: block;
45
- }
46
-
47
- .interface-interface-skeleton,
48
- .editor-post-publish-panel,
49
- .is-entity-save-view-open .interface-interface-skeleton__actions:focus,
50
- .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
51
- top: var(--wp-admin--admin-bar--height, 0);
52
- }
53
-
54
- .block-editor__container {
55
- min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
56
- }
57
-
58
- &:has(.editor-editor-interface.is-distraction-free) {
59
- --wp-admin--admin-bar--height: 0;
60
-
61
- #wpadminbar {
62
- display: none;
63
- }
64
- }
65
- }
66
- }
67
- }