@wordpress/edit-site 5.3.1 → 5.3.3
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.
- package/CHANGELOG.md +1 -0
- package/build/components/add-new-template/new-template-part.js +8 -5
- package/build/components/add-new-template/new-template-part.js.map +1 -1
- package/build/components/add-new-template/new-template.js +8 -5
- package/build/components/add-new-template/new-template.js.map +1 -1
- package/build/components/block-editor/editor-canvas.js +3 -3
- package/build/components/block-editor/editor-canvas.js.map +1 -1
- package/build/components/block-editor/index.js +3 -3
- package/build/components/block-editor/index.js.map +1 -1
- package/build/components/editor/index.js +26 -38
- package/build/components/editor/index.js.map +1 -1
- package/build/components/global-styles/block-preview-panel.js +10 -12
- package/build/components/global-styles/block-preview-panel.js.map +1 -1
- package/build/components/global-styles/border-panel.js +2 -2
- package/build/components/global-styles/border-panel.js.map +1 -1
- package/build/components/global-styles/color-palette-panel.js +2 -2
- package/build/components/global-styles/color-palette-panel.js.map +1 -1
- package/build/components/global-styles/context-menu.js +9 -2
- package/build/components/global-styles/context-menu.js.map +1 -1
- package/build/components/global-styles/custom-css.js +2 -2
- package/build/components/global-styles/custom-css.js.map +1 -1
- package/build/components/global-styles/dimensions-panel.js +2 -2
- package/build/components/global-styles/dimensions-panel.js.map +1 -1
- package/build/components/global-styles/global-styles-provider.js +2 -2
- package/build/components/global-styles/global-styles-provider.js.map +1 -1
- package/build/components/global-styles/gradients-palette-panel.js +2 -2
- package/build/components/global-styles/gradients-palette-panel.js.map +1 -1
- package/build/components/global-styles/header.js +1 -1
- package/build/components/global-styles/header.js.map +1 -1
- package/build/components/global-styles/hooks.js +2 -2
- package/build/components/global-styles/hooks.js.map +1 -1
- package/build/components/global-styles/navigation-button.js +1 -1
- package/build/components/global-styles/navigation-button.js.map +1 -1
- package/build/components/global-styles/palette.js +2 -2
- package/build/components/global-styles/palette.js.map +1 -1
- package/build/components/global-styles/preview.js +2 -2
- package/build/components/global-styles/preview.js.map +1 -1
- package/build/components/global-styles/screen-background-color.js +2 -2
- package/build/components/global-styles/screen-background-color.js.map +1 -1
- package/build/components/global-styles/screen-border.js +0 -6
- package/build/components/global-styles/screen-border.js.map +1 -1
- package/build/components/global-styles/screen-button-color.js +2 -2
- package/build/components/global-styles/screen-button-color.js.map +1 -1
- package/build/components/global-styles/screen-colors.js +2 -2
- package/build/components/global-styles/screen-colors.js.map +1 -1
- package/build/components/global-styles/screen-css.js +5 -5
- package/build/components/global-styles/screen-css.js.map +1 -1
- package/build/components/global-styles/screen-effects.js +53 -0
- package/build/components/global-styles/screen-effects.js.map +1 -0
- package/build/components/global-styles/screen-heading-color.js +2 -2
- package/build/components/global-styles/screen-heading-color.js.map +1 -1
- package/build/components/global-styles/screen-link-color.js +2 -2
- package/build/components/global-styles/screen-link-color.js.map +1 -1
- package/build/components/global-styles/screen-root.js +2 -2
- package/build/components/global-styles/screen-root.js.map +1 -1
- package/build/components/global-styles/screen-style-variations.js +2 -2
- package/build/components/global-styles/screen-style-variations.js.map +1 -1
- package/build/components/global-styles/screen-text-color.js +2 -2
- package/build/components/global-styles/screen-text-color.js.map +1 -1
- package/build/components/global-styles/screen-typography.js +2 -2
- package/build/components/global-styles/screen-typography.js.map +1 -1
- package/build/components/global-styles/shadow-panel.js +3 -3
- package/build/components/global-styles/shadow-panel.js.map +1 -1
- package/build/components/global-styles/typography-panel.js +2 -2
- package/build/components/global-styles/typography-panel.js.map +1 -1
- package/build/components/global-styles/typography-preview.js +2 -2
- package/build/components/global-styles/typography-preview.js.map +1 -1
- package/build/components/global-styles/ui.js +10 -10
- package/build/components/global-styles/ui.js.map +1 -1
- package/build/components/global-styles-renderer/index.js +2 -2
- package/build/components/global-styles-renderer/index.js.map +1 -1
- package/build/components/header-edit-mode/index.js +6 -3
- package/build/components/header-edit-mode/index.js.map +1 -1
- package/build/components/keyboard-shortcut-help-modal/config.js +1 -1
- package/build/components/keyboard-shortcut-help-modal/config.js.map +1 -1
- package/build/components/layout/index.js +13 -24
- package/build/components/layout/index.js.map +1 -1
- package/build/components/list/actions/rename-menu-item.js +1 -1
- package/build/components/list/actions/rename-menu-item.js.map +1 -1
- package/build/components/list/table.js +1 -0
- package/build/components/list/table.js.map +1 -1
- package/build/components/navigation-inspector/navigation-menu.js +2 -2
- package/build/components/navigation-inspector/navigation-menu.js.map +1 -1
- package/build/components/save-panel/index.js +78 -0
- package/build/components/save-panel/index.js.map +1 -0
- package/build/components/sidebar/index.js +42 -5
- package/build/components/sidebar/index.js.map +1 -1
- package/build/components/sidebar-navigation-screen/index.js +28 -7
- package/build/components/sidebar-navigation-screen/index.js.map +1 -1
- package/build/components/sidebar-navigation-screen-navigation-item/index.js +72 -0
- package/build/components/sidebar-navigation-screen-navigation-item/index.js.map +1 -0
- package/build/components/sidebar-navigation-screen-navigation-menus/index.js +2 -2
- package/build/components/sidebar-navigation-screen-navigation-menus/index.js.map +1 -1
- package/build/components/sidebar-navigation-screen-template/index.js +70 -0
- package/build/components/sidebar-navigation-screen-template/index.js.map +1 -0
- package/build/components/sidebar-navigation-screen-templates/index.js +32 -82
- package/build/components/sidebar-navigation-screen-templates/index.js.map +1 -1
- package/build/components/sidebar-navigation-screen-templates-browse/index.js +43 -0
- package/build/components/sidebar-navigation-screen-templates-browse/index.js.map +1 -0
- package/build/components/site-hub/index.js +14 -49
- package/build/components/site-hub/index.js.map +1 -1
- package/build/components/style-book/index.js +10 -3
- package/build/components/style-book/index.js.map +1 -1
- package/build/components/sync-state-with-url/use-init-edited-entity-from-url.js +55 -20
- package/build/components/sync-state-with-url/use-init-edited-entity-from-url.js.map +1 -1
- package/build/components/sync-state-with-url/use-sync-canvas-mode-with-url.js +3 -3
- package/build/components/sync-state-with-url/use-sync-canvas-mode-with-url.js.map +1 -1
- package/build/components/sync-state-with-url/{use-sync-sidebar-path-with-url.js → use-sync-path-with-url.js} +12 -12
- package/build/components/sync-state-with-url/use-sync-path-with-url.js.map +1 -0
- package/build/components/use-edited-entity-record/index.js +6 -2
- package/build/components/use-edited-entity-record/index.js.map +1 -1
- package/build/hooks/push-changes-to-global-styles/index.js +2 -2
- package/build/hooks/push-changes-to-global-styles/index.js.map +1 -1
- package/build/{experiments.js → private-apis.js} +3 -3
- package/build/private-apis.js.map +1 -0
- package/build/store/index.js +3 -3
- package/build/store/index.js.map +1 -1
- package/build/utils/get-is-list-page.js +5 -6
- package/build/utils/get-is-list-page.js.map +1 -1
- package/build-module/components/add-new-template/new-template-part.js +7 -4
- package/build-module/components/add-new-template/new-template-part.js.map +1 -1
- package/build-module/components/add-new-template/new-template.js +7 -4
- package/build-module/components/add-new-template/new-template.js.map +1 -1
- package/build-module/components/block-editor/editor-canvas.js +1 -1
- package/build-module/components/block-editor/editor-canvas.js.map +1 -1
- package/build-module/components/block-editor/index.js +3 -3
- package/build-module/components/block-editor/index.js.map +1 -1
- package/build-module/components/editor/index.js +28 -41
- package/build-module/components/editor/index.js.map +1 -1
- package/build-module/components/global-styles/block-preview-panel.js +10 -11
- package/build-module/components/global-styles/block-preview-panel.js.map +1 -1
- package/build-module/components/global-styles/border-panel.js +3 -3
- package/build-module/components/global-styles/border-panel.js.map +1 -1
- package/build-module/components/global-styles/color-palette-panel.js +3 -3
- package/build-module/components/global-styles/color-palette-panel.js.map +1 -1
- package/build-module/components/global-styles/context-menu.js +9 -3
- package/build-module/components/global-styles/context-menu.js.map +1 -1
- package/build-module/components/global-styles/custom-css.js +3 -3
- package/build-module/components/global-styles/custom-css.js.map +1 -1
- package/build-module/components/global-styles/dimensions-panel.js +3 -3
- package/build-module/components/global-styles/dimensions-panel.js.map +1 -1
- package/build-module/components/global-styles/global-styles-provider.js +3 -3
- package/build-module/components/global-styles/global-styles-provider.js.map +1 -1
- package/build-module/components/global-styles/gradients-palette-panel.js +3 -3
- package/build-module/components/global-styles/gradients-palette-panel.js.map +1 -1
- package/build-module/components/global-styles/header.js +2 -2
- package/build-module/components/global-styles/header.js.map +1 -1
- package/build-module/components/global-styles/hooks.js +3 -3
- package/build-module/components/global-styles/hooks.js.map +1 -1
- package/build-module/components/global-styles/navigation-button.js +2 -2
- package/build-module/components/global-styles/navigation-button.js.map +1 -1
- package/build-module/components/global-styles/palette.js +3 -3
- package/build-module/components/global-styles/palette.js.map +1 -1
- package/build-module/components/global-styles/preview.js +3 -3
- package/build-module/components/global-styles/preview.js.map +1 -1
- package/build-module/components/global-styles/screen-background-color.js +3 -3
- package/build-module/components/global-styles/screen-background-color.js.map +1 -1
- package/build-module/components/global-styles/screen-border.js +0 -5
- package/build-module/components/global-styles/screen-border.js.map +1 -1
- package/build-module/components/global-styles/screen-button-color.js +3 -3
- package/build-module/components/global-styles/screen-button-color.js.map +1 -1
- package/build-module/components/global-styles/screen-colors.js +3 -3
- package/build-module/components/global-styles/screen-colors.js.map +1 -1
- package/build-module/components/global-styles/screen-css.js +5 -5
- package/build-module/components/global-styles/screen-css.js.map +1 -1
- package/build-module/components/global-styles/screen-effects.js +35 -0
- package/build-module/components/global-styles/screen-effects.js.map +1 -0
- package/build-module/components/global-styles/screen-heading-color.js +3 -3
- package/build-module/components/global-styles/screen-heading-color.js.map +1 -1
- package/build-module/components/global-styles/screen-link-color.js +3 -3
- package/build-module/components/global-styles/screen-link-color.js.map +1 -1
- package/build-module/components/global-styles/screen-root.js +3 -3
- package/build-module/components/global-styles/screen-root.js.map +1 -1
- package/build-module/components/global-styles/screen-style-variations.js +3 -3
- package/build-module/components/global-styles/screen-style-variations.js.map +1 -1
- package/build-module/components/global-styles/screen-text-color.js +3 -3
- package/build-module/components/global-styles/screen-text-color.js.map +1 -1
- package/build-module/components/global-styles/screen-typography.js +3 -3
- package/build-module/components/global-styles/screen-typography.js.map +1 -1
- package/build-module/components/global-styles/shadow-panel.js +4 -4
- package/build-module/components/global-styles/shadow-panel.js.map +1 -1
- package/build-module/components/global-styles/typography-panel.js +3 -3
- package/build-module/components/global-styles/typography-panel.js.map +1 -1
- package/build-module/components/global-styles/typography-preview.js +3 -3
- package/build-module/components/global-styles/typography-preview.js.map +1 -1
- package/build-module/components/global-styles/ui.js +10 -11
- package/build-module/components/global-styles/ui.js.map +1 -1
- package/build-module/components/global-styles-renderer/index.js +3 -3
- package/build-module/components/global-styles-renderer/index.js.map +1 -1
- package/build-module/components/header-edit-mode/index.js +6 -3
- package/build-module/components/header-edit-mode/index.js.map +1 -1
- package/build-module/components/keyboard-shortcut-help-modal/config.js +1 -1
- package/build-module/components/keyboard-shortcut-help-modal/config.js.map +1 -1
- package/build-module/components/layout/index.js +12 -24
- package/build-module/components/layout/index.js.map +1 -1
- package/build-module/components/list/actions/rename-menu-item.js +1 -1
- package/build-module/components/list/actions/rename-menu-item.js.map +1 -1
- package/build-module/components/list/table.js +1 -0
- package/build-module/components/list/table.js.map +1 -1
- package/build-module/components/navigation-inspector/navigation-menu.js +3 -3
- package/build-module/components/navigation-inspector/navigation-menu.js.map +1 -1
- package/build-module/components/save-panel/index.js +64 -0
- package/build-module/components/save-panel/index.js.map +1 -0
- package/build-module/components/sidebar/index.js +36 -5
- package/build-module/components/sidebar/index.js.map +1 -1
- package/build-module/components/sidebar-navigation-screen/index.js +27 -9
- package/build-module/components/sidebar-navigation-screen/index.js.map +1 -1
- package/build-module/components/sidebar-navigation-screen-navigation-item/index.js +55 -0
- package/build-module/components/sidebar-navigation-screen-navigation-item/index.js.map +1 -0
- package/build-module/components/sidebar-navigation-screen-navigation-menus/index.js +2 -2
- package/build-module/components/sidebar-navigation-screen-navigation-menus/index.js.map +1 -1
- package/build-module/components/sidebar-navigation-screen-template/index.js +53 -0
- package/build-module/components/sidebar-navigation-screen-template/index.js.map +1 -0
- package/build-module/components/sidebar-navigation-screen-templates/index.js +34 -81
- package/build-module/components/sidebar-navigation-screen-templates/index.js.map +1 -1
- package/build-module/components/sidebar-navigation-screen-templates-browse/index.js +31 -0
- package/build-module/components/sidebar-navigation-screen-templates-browse/index.js.map +1 -0
- package/build-module/components/site-hub/index.js +14 -46
- package/build-module/components/site-hub/index.js.map +1 -1
- package/build-module/components/style-book/index.js +11 -4
- package/build-module/components/style-book/index.js.map +1 -1
- package/build-module/components/sync-state-with-url/use-init-edited-entity-from-url.js +55 -21
- package/build-module/components/sync-state-with-url/use-init-edited-entity-from-url.js.map +1 -1
- package/build-module/components/sync-state-with-url/use-sync-canvas-mode-with-url.js +1 -1
- package/build-module/components/sync-state-with-url/use-sync-canvas-mode-with-url.js.map +1 -1
- package/build-module/components/sync-state-with-url/{use-sync-sidebar-path-with-url.js → use-sync-path-with-url.js} +11 -11
- package/build-module/components/sync-state-with-url/use-sync-path-with-url.js.map +1 -0
- package/build-module/components/use-edited-entity-record/index.js +6 -2
- package/build-module/components/use-edited-entity-record/index.js.map +1 -1
- package/build-module/hooks/push-changes-to-global-styles/index.js +3 -3
- package/build-module/hooks/push-changes-to-global-styles/index.js.map +1 -1
- package/build-module/{experiments.js → private-apis.js} +2 -2
- package/build-module/private-apis.js.map +1 -0
- package/build-module/store/index.js +1 -1
- package/build-module/store/index.js.map +1 -1
- package/build-module/utils/get-is-list-page.js +5 -6
- package/build-module/utils/get-is-list-page.js.map +1 -1
- package/build-style/style-rtl.css +100 -62
- package/build-style/style.css +100 -62
- package/package.json +20 -20
- package/src/components/add-new-template/new-template-part.js +7 -4
- package/src/components/add-new-template/new-template.js +8 -6
- package/src/components/block-editor/editor-canvas.js +1 -1
- package/src/components/block-editor/index.js +3 -3
- package/src/components/editor/index.js +32 -71
- package/src/components/editor/style.scss +2 -2
- package/src/components/global-styles/block-preview-panel.js +8 -12
- package/src/components/global-styles/border-panel.js +3 -3
- package/src/components/global-styles/color-palette-panel.js +3 -3
- package/src/components/global-styles/context-menu.js +14 -2
- package/src/components/global-styles/custom-css.js +3 -3
- package/src/components/global-styles/dimensions-panel.js +3 -3
- package/src/components/global-styles/global-styles-provider.js +3 -3
- package/src/components/global-styles/gradients-palette-panel.js +3 -3
- package/src/components/global-styles/header.js +2 -2
- package/src/components/global-styles/hooks.js +3 -3
- package/src/components/global-styles/navigation-button.js +4 -2
- package/src/components/global-styles/palette.js +3 -3
- package/src/components/global-styles/preview.js +3 -3
- package/src/components/global-styles/screen-background-color.js +3 -3
- package/src/components/global-styles/screen-border.js +0 -5
- package/src/components/global-styles/screen-button-color.js +3 -3
- package/src/components/global-styles/screen-colors.js +3 -3
- package/src/components/global-styles/screen-css.js +14 -7
- package/src/components/global-styles/screen-effects.js +28 -0
- package/src/components/global-styles/screen-heading-color.js +3 -3
- package/src/components/global-styles/screen-link-color.js +3 -3
- package/src/components/global-styles/screen-root.js +3 -3
- package/src/components/global-styles/screen-style-variations.js +3 -3
- package/src/components/global-styles/screen-text-color.js +3 -3
- package/src/components/global-styles/screen-typography.js +3 -3
- package/src/components/global-styles/shadow-panel.js +4 -4
- package/src/components/global-styles/style.scss +2 -5
- package/src/components/global-styles/typography-panel.js +3 -3
- package/src/components/global-styles/typography-preview.js +3 -3
- package/src/components/global-styles/ui.js +8 -8
- package/src/components/global-styles-renderer/index.js +3 -3
- package/src/components/header-edit-mode/index.js +6 -3
- package/src/components/keyboard-shortcut-help-modal/config.js +1 -1
- package/src/components/layout/index.js +38 -48
- package/src/components/layout/style.scss +36 -26
- package/src/components/list/actions/rename-menu-item.js +1 -1
- package/src/components/list/table.js +4 -0
- package/src/components/navigation-inspector/navigation-menu.js +3 -3
- package/src/components/save-panel/index.js +68 -0
- package/src/components/save-panel/style.scss +5 -0
- package/src/components/sidebar/index.js +36 -8
- package/src/components/sidebar/style.scss +15 -0
- package/src/components/sidebar-navigation-screen/index.js +27 -11
- package/src/components/sidebar-navigation-screen/style.scss +4 -6
- package/src/components/sidebar-navigation-screen-navigation-item/index.js +52 -0
- package/src/components/sidebar-navigation-screen-navigation-menus/index.js +1 -1
- package/src/components/sidebar-navigation-screen-template/index.js +52 -0
- package/src/components/sidebar-navigation-screen-templates/index.js +49 -83
- package/src/components/sidebar-navigation-screen-templates-browse/index.js +31 -0
- package/src/components/site-hub/index.js +67 -122
- package/src/components/site-hub/style.scss +1 -10
- package/src/components/style-book/index.js +11 -7
- package/src/components/sync-state-with-url/use-init-edited-entity-from-url.js +48 -14
- package/src/components/sync-state-with-url/use-sync-canvas-mode-with-url.js +1 -1
- package/src/components/sync-state-with-url/{use-sync-sidebar-path-with-url.js → use-sync-path-with-url.js} +10 -10
- package/src/components/use-edited-entity-record/index.js +6 -2
- package/src/hooks/push-changes-to-global-styles/index.js +3 -3
- package/src/{experiments.js → private-apis.js} +1 -1
- package/src/store/index.js +1 -1
- package/src/style.scss +1 -0
- package/src/utils/get-is-list-page.js +5 -5
- package/build/components/sync-state-with-url/use-sync-sidebar-path-with-url.js.map +0 -1
- package/build/experiments.js.map +0 -1
- package/build-module/components/sync-state-with-url/use-sync-sidebar-path-with-url.js.map +0 -1
- package/build-module/experiments.js.map +0 -1
|
@@ -403,13 +403,28 @@ body.is-fullscreen-mode .interface-interface-skeleton {
|
|
|
403
403
|
bottom: auto;
|
|
404
404
|
right: auto;
|
|
405
405
|
left: 0;
|
|
406
|
-
width: 280px;
|
|
407
406
|
color: #1e1e1e;
|
|
407
|
+
background: #fff;
|
|
408
|
+
width: 100vw;
|
|
409
|
+
}
|
|
410
|
+
@media (min-width: 782px) {
|
|
411
|
+
.interface-interface-skeleton__actions {
|
|
412
|
+
width: 280px;
|
|
413
|
+
}
|
|
408
414
|
}
|
|
409
415
|
.interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within {
|
|
410
|
-
top:
|
|
416
|
+
top: 46px;
|
|
411
417
|
bottom: 0;
|
|
412
418
|
}
|
|
419
|
+
@media (min-width: 782px) {
|
|
420
|
+
.interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within {
|
|
421
|
+
border-right: 1px solid #ddd;
|
|
422
|
+
top: 32px;
|
|
423
|
+
}
|
|
424
|
+
.is-fullscreen-mode .interface-interface-skeleton__actions:focus, .is-fullscreen-mode .interface-interface-skeleton__actions:focus-within {
|
|
425
|
+
top: 0;
|
|
426
|
+
}
|
|
427
|
+
}
|
|
413
428
|
|
|
414
429
|
.interface-more-menu-dropdown {
|
|
415
430
|
margin-right: -4px;
|
|
@@ -1049,7 +1064,6 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
|
|
|
1049
1064
|
.edit-site-global-styles__block-preview-panel {
|
|
1050
1065
|
position: relative;
|
|
1051
1066
|
width: 100%;
|
|
1052
|
-
height: 152px;
|
|
1053
1067
|
overflow: auto;
|
|
1054
1068
|
border: #e0e0e0 1px solid;
|
|
1055
1069
|
border-radius: 2px;
|
|
@@ -1100,7 +1114,8 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
|
|
|
1100
1114
|
}
|
|
1101
1115
|
|
|
1102
1116
|
.edit-site-global-styles-screen-css-help-link {
|
|
1103
|
-
|
|
1117
|
+
display: block;
|
|
1118
|
+
margin-top: 8px;
|
|
1104
1119
|
}
|
|
1105
1120
|
|
|
1106
1121
|
.edit-site-global-styles-screen-variations {
|
|
@@ -1832,7 +1847,7 @@ h3.edit-site-template-card__template-areas-title {
|
|
|
1832
1847
|
display: flex;
|
|
1833
1848
|
justify-content: center;
|
|
1834
1849
|
}
|
|
1835
|
-
.
|
|
1850
|
+
.edit-site-layout__actions:focus .edit-site-editor__toggle-save-panel, .edit-site-layout__actions:focus-within .edit-site-editor__toggle-save-panel {
|
|
1836
1851
|
top: auto;
|
|
1837
1852
|
bottom: 0;
|
|
1838
1853
|
}
|
|
@@ -2131,23 +2146,23 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
|
|
|
2131
2146
|
|
|
2132
2147
|
.edit-site-layout__hub {
|
|
2133
2148
|
position: fixed;
|
|
2134
|
-
top:
|
|
2135
|
-
right:
|
|
2149
|
+
top: 0;
|
|
2150
|
+
right: 0;
|
|
2136
2151
|
width: calc(100vw - 48px);
|
|
2137
|
-
height:
|
|
2152
|
+
height: 60px;
|
|
2138
2153
|
z-index: 3;
|
|
2139
|
-
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2154
|
+
}
|
|
2155
|
+
.edit-site-layout.is-full-canvas.is-edit-mode .edit-site-layout__hub {
|
|
2156
|
+
width: auto;
|
|
2157
|
+
padding-left: 0;
|
|
2158
|
+
}
|
|
2159
|
+
@media (min-width: 782px) {
|
|
2160
|
+
.edit-site-layout__hub {
|
|
2161
|
+
width: calc(360px - 48px);
|
|
2162
|
+
}
|
|
2144
2163
|
}
|
|
2145
2164
|
.edit-site-layout.is-full-canvas .edit-site-layout__hub {
|
|
2146
|
-
top: 0;
|
|
2147
|
-
right: 0;
|
|
2148
|
-
padding: 0;
|
|
2149
2165
|
padding-left: 16px;
|
|
2150
|
-
height: 60px;
|
|
2151
2166
|
border-radius: 0;
|
|
2152
2167
|
width: 100vw;
|
|
2153
2168
|
box-shadow: none;
|
|
@@ -2158,15 +2173,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
|
|
|
2158
2173
|
padding-left: 0;
|
|
2159
2174
|
}
|
|
2160
2175
|
}
|
|
2161
|
-
.edit-site-layout.is-full-canvas.is-edit-mode .edit-site-layout__hub {
|
|
2162
|
-
width: auto;
|
|
2163
|
-
padding-left: 0;
|
|
2164
|
-
}
|
|
2165
|
-
@media (min-width: 782px) {
|
|
2166
|
-
.edit-site-layout__hub {
|
|
2167
|
-
width: calc(360px - 48px);
|
|
2168
|
-
}
|
|
2169
|
-
}
|
|
2170
2176
|
|
|
2171
2177
|
.edit-site-layout__header {
|
|
2172
2178
|
height: 60px;
|
|
@@ -2200,28 +2206,9 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
|
|
|
2200
2206
|
top: 0;
|
|
2201
2207
|
}
|
|
2202
2208
|
.edit-site-layout__sidebar > div {
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
scrollbar-color: #757575 #1e1e1e;
|
|
2207
|
-
scrollbar-width: thin;
|
|
2208
|
-
scrollbar-gutter: stable;
|
|
2209
|
-
}
|
|
2210
|
-
.edit-site-layout__sidebar > div::-webkit-scrollbar {
|
|
2211
|
-
width: 12px;
|
|
2212
|
-
height: 12px;
|
|
2213
|
-
}
|
|
2214
|
-
.edit-site-layout__sidebar > div::-webkit-scrollbar-track {
|
|
2215
|
-
background-color: #1e1e1e;
|
|
2216
|
-
}
|
|
2217
|
-
.edit-site-layout__sidebar > div::-webkit-scrollbar-thumb {
|
|
2218
|
-
background-color: #757575;
|
|
2219
|
-
border-radius: 8px;
|
|
2220
|
-
border: 3px solid transparent;
|
|
2221
|
-
background-clip: padding-box;
|
|
2222
|
-
}
|
|
2223
|
-
.edit-site-layout__sidebar > div:hover, .edit-site-layout__sidebar > div:focus, .edit-site-layout__sidebar > div > * {
|
|
2224
|
-
visibility: visible;
|
|
2209
|
+
display: flex;
|
|
2210
|
+
flex-direction: column;
|
|
2211
|
+
height: 100%;
|
|
2225
2212
|
}
|
|
2226
2213
|
.edit-site-layout__sidebar .resizable-editor__drag-handle {
|
|
2227
2214
|
left: 0;
|
|
@@ -2324,6 +2311,67 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
|
|
|
2324
2311
|
border-radius: 2px;
|
|
2325
2312
|
}
|
|
2326
2313
|
|
|
2314
|
+
.edit-site-layout__actions {
|
|
2315
|
+
z-index: 100000;
|
|
2316
|
+
position: fixed !important;
|
|
2317
|
+
top: -9999em;
|
|
2318
|
+
bottom: auto;
|
|
2319
|
+
right: auto;
|
|
2320
|
+
left: 0;
|
|
2321
|
+
width: 280px;
|
|
2322
|
+
color: #1e1e1e;
|
|
2323
|
+
background: #fff;
|
|
2324
|
+
}
|
|
2325
|
+
.edit-site-layout__actions:focus, .edit-site-layout__actions:focus-within {
|
|
2326
|
+
top: 0;
|
|
2327
|
+
bottom: 0;
|
|
2328
|
+
}
|
|
2329
|
+
@media (min-width: 782px) {
|
|
2330
|
+
.edit-site-layout__actions {
|
|
2331
|
+
border-right: 1px solid #ddd;
|
|
2332
|
+
}
|
|
2333
|
+
}
|
|
2334
|
+
|
|
2335
|
+
@media (min-width: 600px) {
|
|
2336
|
+
.edit-site-save-panel__modal {
|
|
2337
|
+
width: 600px;
|
|
2338
|
+
}
|
|
2339
|
+
}
|
|
2340
|
+
|
|
2341
|
+
.edit-site-sidebar__content {
|
|
2342
|
+
flex-grow: 1;
|
|
2343
|
+
overflow-y: auto;
|
|
2344
|
+
visibility: hidden;
|
|
2345
|
+
scrollbar-color: #757575 #1e1e1e;
|
|
2346
|
+
scrollbar-width: thin;
|
|
2347
|
+
scrollbar-gutter: stable;
|
|
2348
|
+
}
|
|
2349
|
+
.edit-site-sidebar__content::-webkit-scrollbar {
|
|
2350
|
+
width: 12px;
|
|
2351
|
+
height: 12px;
|
|
2352
|
+
}
|
|
2353
|
+
.edit-site-sidebar__content::-webkit-scrollbar-track {
|
|
2354
|
+
background-color: #1e1e1e;
|
|
2355
|
+
}
|
|
2356
|
+
.edit-site-sidebar__content::-webkit-scrollbar-thumb {
|
|
2357
|
+
background-color: #757575;
|
|
2358
|
+
border-radius: 8px;
|
|
2359
|
+
border: 3px solid transparent;
|
|
2360
|
+
background-clip: padding-box;
|
|
2361
|
+
}
|
|
2362
|
+
.edit-site-sidebar__content:hover, .edit-site-sidebar__content:focus, .edit-site-sidebar__content > * {
|
|
2363
|
+
visibility: visible;
|
|
2364
|
+
}
|
|
2365
|
+
|
|
2366
|
+
.edit-site-sidebar__footer {
|
|
2367
|
+
border-top: 1px solid #2f2f2f;
|
|
2368
|
+
flex-shrink: 0;
|
|
2369
|
+
margin: 0 24px;
|
|
2370
|
+
padding: 24px 0;
|
|
2371
|
+
display: flex;
|
|
2372
|
+
justify-content: flex-end;
|
|
2373
|
+
}
|
|
2374
|
+
|
|
2327
2375
|
.edit-site-sidebar__content.edit-site-sidebar__content {
|
|
2328
2376
|
overflow-x: unset;
|
|
2329
2377
|
}
|
|
@@ -2374,13 +2422,14 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
|
|
|
2374
2422
|
|
|
2375
2423
|
.edit-site-sidebar-navigation-screen__content {
|
|
2376
2424
|
margin: 0 36px 16px 16px;
|
|
2425
|
+
color: #949494;
|
|
2377
2426
|
}
|
|
2378
2427
|
|
|
2379
2428
|
.edit-site-sidebar-navigation-screen__title-icon {
|
|
2380
2429
|
position: sticky;
|
|
2381
2430
|
top: 0;
|
|
2382
2431
|
background: #1e1e1e;
|
|
2383
|
-
padding-top:
|
|
2432
|
+
padding-top: 108px;
|
|
2384
2433
|
box-shadow: 0 8px 16px #1e1e1e;
|
|
2385
2434
|
margin-bottom: 8px;
|
|
2386
2435
|
padding-bottom: 8px;
|
|
@@ -2398,14 +2447,10 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
|
|
|
2398
2447
|
.edit-site-sidebar-navigation-screen__back {
|
|
2399
2448
|
color: #e0e0e0;
|
|
2400
2449
|
}
|
|
2401
|
-
.edit-site-sidebar-navigation-screen__back:hover {
|
|
2450
|
+
.edit-site-sidebar-navigation-screen__back:hover, .edit-site-sidebar-navigation-screen__back:not([aria-disabled=true]):active {
|
|
2402
2451
|
color: #fff;
|
|
2403
2452
|
}
|
|
2404
2453
|
|
|
2405
|
-
.edit-site-sidebar-navigation-screen__icon-placeholder {
|
|
2406
|
-
width: 36px;
|
|
2407
|
-
}
|
|
2408
|
-
|
|
2409
2454
|
.edit-site-sidebar-navigation-screen-templates__see-all {
|
|
2410
2455
|
/* Overrides the margin that comes from the Item component */
|
|
2411
2456
|
margin-top: 16px !important;
|
|
@@ -2423,10 +2468,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
|
|
|
2423
2468
|
gap: 8px;
|
|
2424
2469
|
}
|
|
2425
2470
|
|
|
2426
|
-
.edit-site-site-hub__edit-button {
|
|
2427
|
-
height: 32px;
|
|
2428
|
-
}
|
|
2429
|
-
|
|
2430
2471
|
.edit-site-site-hub__post-type {
|
|
2431
2472
|
opacity: 0.6;
|
|
2432
2473
|
}
|
|
@@ -2435,10 +2476,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
|
|
|
2435
2476
|
height: 60px;
|
|
2436
2477
|
width: 64px;
|
|
2437
2478
|
flex-shrink: 0;
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
.edit-site-layout.is-edit-mode .edit-site-site-hub__view-mode-toggle-container {
|
|
2441
|
-
width: 60px;
|
|
2479
|
+
background: #1e1e1e;
|
|
2442
2480
|
}
|
|
2443
2481
|
|
|
2444
2482
|
.edit-site-site-hub__text-content {
|
package/build-style/style.css
CHANGED
|
@@ -403,13 +403,28 @@ body.is-fullscreen-mode .interface-interface-skeleton {
|
|
|
403
403
|
bottom: auto;
|
|
404
404
|
left: auto;
|
|
405
405
|
right: 0;
|
|
406
|
-
width: 280px;
|
|
407
406
|
color: #1e1e1e;
|
|
407
|
+
background: #fff;
|
|
408
|
+
width: 100vw;
|
|
409
|
+
}
|
|
410
|
+
@media (min-width: 782px) {
|
|
411
|
+
.interface-interface-skeleton__actions {
|
|
412
|
+
width: 280px;
|
|
413
|
+
}
|
|
408
414
|
}
|
|
409
415
|
.interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within {
|
|
410
|
-
top:
|
|
416
|
+
top: 46px;
|
|
411
417
|
bottom: 0;
|
|
412
418
|
}
|
|
419
|
+
@media (min-width: 782px) {
|
|
420
|
+
.interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within {
|
|
421
|
+
border-left: 1px solid #ddd;
|
|
422
|
+
top: 32px;
|
|
423
|
+
}
|
|
424
|
+
.is-fullscreen-mode .interface-interface-skeleton__actions:focus, .is-fullscreen-mode .interface-interface-skeleton__actions:focus-within {
|
|
425
|
+
top: 0;
|
|
426
|
+
}
|
|
427
|
+
}
|
|
413
428
|
|
|
414
429
|
.interface-more-menu-dropdown {
|
|
415
430
|
margin-left: -4px;
|
|
@@ -1049,7 +1064,6 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
|
|
|
1049
1064
|
.edit-site-global-styles__block-preview-panel {
|
|
1050
1065
|
position: relative;
|
|
1051
1066
|
width: 100%;
|
|
1052
|
-
height: 152px;
|
|
1053
1067
|
overflow: auto;
|
|
1054
1068
|
border: #e0e0e0 1px solid;
|
|
1055
1069
|
border-radius: 2px;
|
|
@@ -1100,7 +1114,8 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
|
|
|
1100
1114
|
}
|
|
1101
1115
|
|
|
1102
1116
|
.edit-site-global-styles-screen-css-help-link {
|
|
1103
|
-
|
|
1117
|
+
display: block;
|
|
1118
|
+
margin-top: 8px;
|
|
1104
1119
|
}
|
|
1105
1120
|
|
|
1106
1121
|
.edit-site-global-styles-screen-variations {
|
|
@@ -1832,7 +1847,7 @@ h3.edit-site-template-card__template-areas-title {
|
|
|
1832
1847
|
display: flex;
|
|
1833
1848
|
justify-content: center;
|
|
1834
1849
|
}
|
|
1835
|
-
.
|
|
1850
|
+
.edit-site-layout__actions:focus .edit-site-editor__toggle-save-panel, .edit-site-layout__actions:focus-within .edit-site-editor__toggle-save-panel {
|
|
1836
1851
|
top: auto;
|
|
1837
1852
|
bottom: 0;
|
|
1838
1853
|
}
|
|
@@ -2131,23 +2146,23 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
|
|
|
2131
2146
|
|
|
2132
2147
|
.edit-site-layout__hub {
|
|
2133
2148
|
position: fixed;
|
|
2134
|
-
top:
|
|
2135
|
-
left:
|
|
2149
|
+
top: 0;
|
|
2150
|
+
left: 0;
|
|
2136
2151
|
width: calc(100vw - 48px);
|
|
2137
|
-
height:
|
|
2152
|
+
height: 60px;
|
|
2138
2153
|
z-index: 3;
|
|
2139
|
-
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2154
|
+
}
|
|
2155
|
+
.edit-site-layout.is-full-canvas.is-edit-mode .edit-site-layout__hub {
|
|
2156
|
+
width: auto;
|
|
2157
|
+
padding-right: 0;
|
|
2158
|
+
}
|
|
2159
|
+
@media (min-width: 782px) {
|
|
2160
|
+
.edit-site-layout__hub {
|
|
2161
|
+
width: calc(360px - 48px);
|
|
2162
|
+
}
|
|
2144
2163
|
}
|
|
2145
2164
|
.edit-site-layout.is-full-canvas .edit-site-layout__hub {
|
|
2146
|
-
top: 0;
|
|
2147
|
-
left: 0;
|
|
2148
|
-
padding: 0;
|
|
2149
2165
|
padding-right: 16px;
|
|
2150
|
-
height: 60px;
|
|
2151
2166
|
border-radius: 0;
|
|
2152
2167
|
width: 100vw;
|
|
2153
2168
|
box-shadow: none;
|
|
@@ -2158,15 +2173,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
|
|
|
2158
2173
|
padding-right: 0;
|
|
2159
2174
|
}
|
|
2160
2175
|
}
|
|
2161
|
-
.edit-site-layout.is-full-canvas.is-edit-mode .edit-site-layout__hub {
|
|
2162
|
-
width: auto;
|
|
2163
|
-
padding-right: 0;
|
|
2164
|
-
}
|
|
2165
|
-
@media (min-width: 782px) {
|
|
2166
|
-
.edit-site-layout__hub {
|
|
2167
|
-
width: calc(360px - 48px);
|
|
2168
|
-
}
|
|
2169
|
-
}
|
|
2170
2176
|
|
|
2171
2177
|
.edit-site-layout__header {
|
|
2172
2178
|
height: 60px;
|
|
@@ -2200,28 +2206,9 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
|
|
|
2200
2206
|
top: 0;
|
|
2201
2207
|
}
|
|
2202
2208
|
.edit-site-layout__sidebar > div {
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
scrollbar-color: #757575 #1e1e1e;
|
|
2207
|
-
scrollbar-width: thin;
|
|
2208
|
-
scrollbar-gutter: stable;
|
|
2209
|
-
}
|
|
2210
|
-
.edit-site-layout__sidebar > div::-webkit-scrollbar {
|
|
2211
|
-
width: 12px;
|
|
2212
|
-
height: 12px;
|
|
2213
|
-
}
|
|
2214
|
-
.edit-site-layout__sidebar > div::-webkit-scrollbar-track {
|
|
2215
|
-
background-color: #1e1e1e;
|
|
2216
|
-
}
|
|
2217
|
-
.edit-site-layout__sidebar > div::-webkit-scrollbar-thumb {
|
|
2218
|
-
background-color: #757575;
|
|
2219
|
-
border-radius: 8px;
|
|
2220
|
-
border: 3px solid transparent;
|
|
2221
|
-
background-clip: padding-box;
|
|
2222
|
-
}
|
|
2223
|
-
.edit-site-layout__sidebar > div:hover, .edit-site-layout__sidebar > div:focus, .edit-site-layout__sidebar > div > * {
|
|
2224
|
-
visibility: visible;
|
|
2209
|
+
display: flex;
|
|
2210
|
+
flex-direction: column;
|
|
2211
|
+
height: 100%;
|
|
2225
2212
|
}
|
|
2226
2213
|
.edit-site-layout__sidebar .resizable-editor__drag-handle {
|
|
2227
2214
|
right: 0;
|
|
@@ -2324,6 +2311,67 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
|
|
|
2324
2311
|
border-radius: 2px;
|
|
2325
2312
|
}
|
|
2326
2313
|
|
|
2314
|
+
.edit-site-layout__actions {
|
|
2315
|
+
z-index: 100000;
|
|
2316
|
+
position: fixed !important;
|
|
2317
|
+
top: -9999em;
|
|
2318
|
+
bottom: auto;
|
|
2319
|
+
left: auto;
|
|
2320
|
+
right: 0;
|
|
2321
|
+
width: 280px;
|
|
2322
|
+
color: #1e1e1e;
|
|
2323
|
+
background: #fff;
|
|
2324
|
+
}
|
|
2325
|
+
.edit-site-layout__actions:focus, .edit-site-layout__actions:focus-within {
|
|
2326
|
+
top: 0;
|
|
2327
|
+
bottom: 0;
|
|
2328
|
+
}
|
|
2329
|
+
@media (min-width: 782px) {
|
|
2330
|
+
.edit-site-layout__actions {
|
|
2331
|
+
border-left: 1px solid #ddd;
|
|
2332
|
+
}
|
|
2333
|
+
}
|
|
2334
|
+
|
|
2335
|
+
@media (min-width: 600px) {
|
|
2336
|
+
.edit-site-save-panel__modal {
|
|
2337
|
+
width: 600px;
|
|
2338
|
+
}
|
|
2339
|
+
}
|
|
2340
|
+
|
|
2341
|
+
.edit-site-sidebar__content {
|
|
2342
|
+
flex-grow: 1;
|
|
2343
|
+
overflow-y: auto;
|
|
2344
|
+
visibility: hidden;
|
|
2345
|
+
scrollbar-color: #757575 #1e1e1e;
|
|
2346
|
+
scrollbar-width: thin;
|
|
2347
|
+
scrollbar-gutter: stable;
|
|
2348
|
+
}
|
|
2349
|
+
.edit-site-sidebar__content::-webkit-scrollbar {
|
|
2350
|
+
width: 12px;
|
|
2351
|
+
height: 12px;
|
|
2352
|
+
}
|
|
2353
|
+
.edit-site-sidebar__content::-webkit-scrollbar-track {
|
|
2354
|
+
background-color: #1e1e1e;
|
|
2355
|
+
}
|
|
2356
|
+
.edit-site-sidebar__content::-webkit-scrollbar-thumb {
|
|
2357
|
+
background-color: #757575;
|
|
2358
|
+
border-radius: 8px;
|
|
2359
|
+
border: 3px solid transparent;
|
|
2360
|
+
background-clip: padding-box;
|
|
2361
|
+
}
|
|
2362
|
+
.edit-site-sidebar__content:hover, .edit-site-sidebar__content:focus, .edit-site-sidebar__content > * {
|
|
2363
|
+
visibility: visible;
|
|
2364
|
+
}
|
|
2365
|
+
|
|
2366
|
+
.edit-site-sidebar__footer {
|
|
2367
|
+
border-top: 1px solid #2f2f2f;
|
|
2368
|
+
flex-shrink: 0;
|
|
2369
|
+
margin: 0 24px;
|
|
2370
|
+
padding: 24px 0;
|
|
2371
|
+
display: flex;
|
|
2372
|
+
justify-content: flex-end;
|
|
2373
|
+
}
|
|
2374
|
+
|
|
2327
2375
|
.edit-site-sidebar__content.edit-site-sidebar__content {
|
|
2328
2376
|
overflow-x: unset;
|
|
2329
2377
|
}
|
|
@@ -2374,13 +2422,14 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
|
|
|
2374
2422
|
|
|
2375
2423
|
.edit-site-sidebar-navigation-screen__content {
|
|
2376
2424
|
margin: 0 16px 16px 36px;
|
|
2425
|
+
color: #949494;
|
|
2377
2426
|
}
|
|
2378
2427
|
|
|
2379
2428
|
.edit-site-sidebar-navigation-screen__title-icon {
|
|
2380
2429
|
position: sticky;
|
|
2381
2430
|
top: 0;
|
|
2382
2431
|
background: #1e1e1e;
|
|
2383
|
-
padding-top:
|
|
2432
|
+
padding-top: 108px;
|
|
2384
2433
|
box-shadow: 0 8px 16px #1e1e1e;
|
|
2385
2434
|
margin-bottom: 8px;
|
|
2386
2435
|
padding-bottom: 8px;
|
|
@@ -2398,14 +2447,10 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
|
|
|
2398
2447
|
.edit-site-sidebar-navigation-screen__back {
|
|
2399
2448
|
color: #e0e0e0;
|
|
2400
2449
|
}
|
|
2401
|
-
.edit-site-sidebar-navigation-screen__back:hover {
|
|
2450
|
+
.edit-site-sidebar-navigation-screen__back:hover, .edit-site-sidebar-navigation-screen__back:not([aria-disabled=true]):active {
|
|
2402
2451
|
color: #fff;
|
|
2403
2452
|
}
|
|
2404
2453
|
|
|
2405
|
-
.edit-site-sidebar-navigation-screen__icon-placeholder {
|
|
2406
|
-
width: 36px;
|
|
2407
|
-
}
|
|
2408
|
-
|
|
2409
2454
|
.edit-site-sidebar-navigation-screen-templates__see-all {
|
|
2410
2455
|
/* Overrides the margin that comes from the Item component */
|
|
2411
2456
|
margin-top: 16px !important;
|
|
@@ -2423,10 +2468,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
|
|
|
2423
2468
|
gap: 8px;
|
|
2424
2469
|
}
|
|
2425
2470
|
|
|
2426
|
-
.edit-site-site-hub__edit-button {
|
|
2427
|
-
height: 32px;
|
|
2428
|
-
}
|
|
2429
|
-
|
|
2430
2471
|
.edit-site-site-hub__post-type {
|
|
2431
2472
|
opacity: 0.6;
|
|
2432
2473
|
}
|
|
@@ -2435,10 +2476,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
|
|
|
2435
2476
|
height: 60px;
|
|
2436
2477
|
width: 64px;
|
|
2437
2478
|
flex-shrink: 0;
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
.edit-site-layout.is-edit-mode .edit-site-site-hub__view-mode-toggle-container {
|
|
2441
|
-
width: 60px;
|
|
2479
|
+
background: #1e1e1e;
|
|
2442
2480
|
}
|
|
2443
2481
|
|
|
2444
2482
|
.edit-site-site-hub__text-content {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/edit-site",
|
|
3
|
-
"version": "5.3.
|
|
3
|
+
"version": "5.3.3",
|
|
4
4
|
"description": "Edit Site Page module for WordPress.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -29,33 +29,33 @@
|
|
|
29
29
|
"@babel/runtime": "^7.16.0",
|
|
30
30
|
"@wordpress/a11y": "^3.26.1",
|
|
31
31
|
"@wordpress/api-fetch": "^6.23.1",
|
|
32
|
-
"@wordpress/block-editor": "^11.3.
|
|
33
|
-
"@wordpress/block-library": "^8.3.
|
|
34
|
-
"@wordpress/blocks": "^12.3.
|
|
35
|
-
"@wordpress/components": "^23.3.
|
|
36
|
-
"@wordpress/compose": "^6.3.
|
|
37
|
-
"@wordpress/core-data": "^6.3.
|
|
38
|
-
"@wordpress/data": "^8.3.
|
|
32
|
+
"@wordpress/block-editor": "^11.3.3",
|
|
33
|
+
"@wordpress/block-library": "^8.3.3",
|
|
34
|
+
"@wordpress/blocks": "^12.3.2",
|
|
35
|
+
"@wordpress/components": "^23.3.2",
|
|
36
|
+
"@wordpress/compose": "^6.3.2",
|
|
37
|
+
"@wordpress/core-data": "^6.3.2",
|
|
38
|
+
"@wordpress/data": "^8.3.2",
|
|
39
39
|
"@wordpress/deprecated": "^3.26.1",
|
|
40
|
-
"@wordpress/editor": "^13.3.
|
|
40
|
+
"@wordpress/editor": "^13.3.3",
|
|
41
41
|
"@wordpress/element": "^5.3.1",
|
|
42
|
-
"@wordpress/experiments": "^0.8.1",
|
|
43
42
|
"@wordpress/hooks": "^3.26.1",
|
|
44
43
|
"@wordpress/html-entities": "^3.26.1",
|
|
45
44
|
"@wordpress/i18n": "^4.26.1",
|
|
46
45
|
"@wordpress/icons": "^9.17.1",
|
|
47
|
-
"@wordpress/interface": "^5.3.
|
|
48
|
-
"@wordpress/keyboard-shortcuts": "^4.3.
|
|
49
|
-
"@wordpress/keycodes": "^3.26.
|
|
46
|
+
"@wordpress/interface": "^5.3.3",
|
|
47
|
+
"@wordpress/keyboard-shortcuts": "^4.3.2",
|
|
48
|
+
"@wordpress/keycodes": "^3.26.2",
|
|
50
49
|
"@wordpress/media-utils": "^4.17.1",
|
|
51
|
-
"@wordpress/notices": "^3.26.
|
|
52
|
-
"@wordpress/plugins": "^5.3.
|
|
53
|
-
"@wordpress/preferences": "^3.3.
|
|
54
|
-
"@wordpress/
|
|
50
|
+
"@wordpress/notices": "^3.26.2",
|
|
51
|
+
"@wordpress/plugins": "^5.3.2",
|
|
52
|
+
"@wordpress/preferences": "^3.3.2",
|
|
53
|
+
"@wordpress/private-apis": "^0.8.1",
|
|
54
|
+
"@wordpress/reusable-blocks": "^4.3.3",
|
|
55
55
|
"@wordpress/style-engine": "^1.9.1",
|
|
56
56
|
"@wordpress/url": "^3.27.1",
|
|
57
|
-
"@wordpress/viewport": "^5.3.
|
|
58
|
-
"@wordpress/widgets": "^3.3.
|
|
57
|
+
"@wordpress/viewport": "^5.3.2",
|
|
58
|
+
"@wordpress/widgets": "^3.3.3",
|
|
59
59
|
"classnames": "^2.3.1",
|
|
60
60
|
"colord": "^2.9.2",
|
|
61
61
|
"downloadjs": "^1.4.7",
|
|
@@ -73,5 +73,5 @@
|
|
|
73
73
|
"publishConfig": {
|
|
74
74
|
"access": "public"
|
|
75
75
|
},
|
|
76
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "1bf01c01a8238ce3a681ad1e517f86033818b78d"
|
|
77
77
|
}
|
|
@@ -20,7 +20,7 @@ import {
|
|
|
20
20
|
getUniqueTemplatePartTitle,
|
|
21
21
|
getCleanTemplatePartSlug,
|
|
22
22
|
} from '../../utils/template-part-create';
|
|
23
|
-
import { unlock } from '../../
|
|
23
|
+
import { unlock } from '../../private-apis';
|
|
24
24
|
|
|
25
25
|
export default function NewTemplatePart( {
|
|
26
26
|
postType,
|
|
@@ -67,9 +67,12 @@ export default function NewTemplatePart( {
|
|
|
67
67
|
setCanvasMode( 'edit' );
|
|
68
68
|
|
|
69
69
|
// Navigate to the created template part editor.
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
70
|
+
window.queueMicrotask( () => {
|
|
71
|
+
history.push( {
|
|
72
|
+
postId: templatePart.id,
|
|
73
|
+
postType: 'wp_template_part',
|
|
74
|
+
path: '/template-parts/single',
|
|
75
|
+
} );
|
|
73
76
|
} );
|
|
74
77
|
|
|
75
78
|
// TODO: Add a success notice?
|
|
@@ -48,7 +48,7 @@ import AddCustomGenericTemplateModal from './add-custom-generic-template-modal';
|
|
|
48
48
|
import TemplateActionsLoadingScreen from './template-actions-loading-screen';
|
|
49
49
|
import { useHistory } from '../routes';
|
|
50
50
|
import { store as editSiteStore } from '../../store';
|
|
51
|
-
import { unlock } from '../../
|
|
51
|
+
import { unlock } from '../../private-apis';
|
|
52
52
|
|
|
53
53
|
const DEFAULT_TEMPLATE_SLUGS = [
|
|
54
54
|
'front-page',
|
|
@@ -102,7 +102,6 @@ export default function NewTemplate( {
|
|
|
102
102
|
const { setTemplate, setCanvasMode } = unlock(
|
|
103
103
|
useDispatch( editSiteStore )
|
|
104
104
|
);
|
|
105
|
-
|
|
106
105
|
async function createTemplate( template, isWPSuggestion = true ) {
|
|
107
106
|
if ( isCreatingTemplate ) {
|
|
108
107
|
return;
|
|
@@ -140,15 +139,18 @@ export default function NewTemplate( {
|
|
|
140
139
|
|
|
141
140
|
// Set template before navigating away to avoid initial stale value.
|
|
142
141
|
setTemplate( newTemplate.id, newTemplate.slug );
|
|
143
|
-
|
|
144
142
|
// Switch to edit mode.
|
|
145
143
|
setCanvasMode( 'edit' );
|
|
146
144
|
|
|
147
145
|
// Navigate to the created template editor.
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
146
|
+
window.queueMicrotask( () => {
|
|
147
|
+
history.push( {
|
|
148
|
+
postId: newTemplate.id,
|
|
149
|
+
postType: newTemplate.type,
|
|
150
|
+
path: '/templates/single',
|
|
151
|
+
} );
|
|
151
152
|
} );
|
|
153
|
+
|
|
152
154
|
createSuccessNotice(
|
|
153
155
|
sprintf(
|
|
154
156
|
// translators: %s: Title of the created template e.g: "Category".
|
|
@@ -13,7 +13,7 @@ import { useSelect, useDispatch } from '@wordpress/data';
|
|
|
13
13
|
/**
|
|
14
14
|
* Internal dependencies
|
|
15
15
|
*/
|
|
16
|
-
import { unlock } from '../../
|
|
16
|
+
import { unlock } from '../../private-apis';
|
|
17
17
|
import { store as editSiteStore } from '../../store';
|
|
18
18
|
|
|
19
19
|
function EditorCanvas( { enableResizing, settings, children, ...props } ) {
|
|
@@ -17,7 +17,7 @@ import {
|
|
|
17
17
|
__unstableUseTypingObserver as useTypingObserver,
|
|
18
18
|
BlockEditorKeyboardShortcuts,
|
|
19
19
|
store as blockEditorStore,
|
|
20
|
-
|
|
20
|
+
privateApis as blockEditorPrivateApis,
|
|
21
21
|
} from '@wordpress/block-editor';
|
|
22
22
|
import {
|
|
23
23
|
useMergeRefs,
|
|
@@ -37,9 +37,9 @@ import BackButton from './back-button';
|
|
|
37
37
|
import ResizableEditor from './resizable-editor';
|
|
38
38
|
import EditorCanvas from './editor-canvas';
|
|
39
39
|
import StyleBook from '../style-book';
|
|
40
|
-
import { unlock } from '../../
|
|
40
|
+
import { unlock } from '../../private-apis';
|
|
41
41
|
|
|
42
|
-
const { ExperimentalBlockEditorProvider } = unlock(
|
|
42
|
+
const { ExperimentalBlockEditorProvider } = unlock( blockEditorPrivateApis );
|
|
43
43
|
|
|
44
44
|
const LAYOUT = {
|
|
45
45
|
type: 'default',
|