Update @wordpress packages

Update packages to include these bug fixes from Gutenberg:

- FSE: Add welcome guide
- Update theme styles for the code block
- Add feature flag to toggle the new site editor sidebar
- Add templates list page for site editor
- Cover Block: Fix default background dim
- E2E: Add more Cover block tests
- Cover Block: Fix regressions
- Post Comments Form: ensure typography styles are applied to child elements
- Navigation: Fix space-between
- Fix background colours in nested submenus.
- Fix duplicate custom classnames in navigation submenu block
- Fix colour rendering in Navigation overlay
- Fix: Add ability to opt out of Core color palette V2
- Change @package to WordPress in block-library
- Make the core color palette opt-in for themes with not theme.json
- Remove textdomain from calendar block
- Page List block: fix space before href attribute
- Try: Let Featured Image block inherit dimensions, look like a placeholder
- [Global Styles]: Add block icon next to blocks list
- Page List: Use core entities instead of direct apiFetch
- Site Editor: Stabilize export endpoint
- Fix mobile horizontal scrollbar.
- Multi-entity save: Only set site entity to pending if really saving
- Add page list to navigation direct insert conditions
- Implement "Add New" for templates list in Site Editor
- Post Featured Image: Remove withNotices HOC
- Fix page list missing button styles when set to open on click.
- Make appender fixed position to avoid jumps in the UI
- Color UI component: reorder palettes and update names (core by defaults, user by custom)
- Remove the Styles link in Site Editor
- GlobalStyles sidebar: do not show default palette if theme opts-out
- Only render the site editor canvas when the global styles are ready.
- Global Styles: rename core origin key to default for presets
- Clarify i18n context for PostTemplateActions's "New" label
- Revert erroneous native editor package version bumps
- Try: Hide the columns inserter in pattern previews.
- Fix site editor region navigation
- Update navigation sidebar responsiveness
- Add _wp_array_set and _wp_to_kebab_case to 5.8 compat
- Make user able to change all color palette origins
- Site Editor: Update hrefs to not specifically refer to themes.php?page=gutenberg-edit-site
- Site Editor: Validate the postType query argument
- Navigation: Scale submenu icon.
- Move the theme editor under tools for FSE themes
- Deprecate navigation areas

See #54487.

Built from https://develop.svn.wordpress.org/trunk@52232


git-svn-id: http://core.svn.wordpress.org/trunk@51824 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
noisysocks 2021-11-23 05:40:38 +00:00
parent d2c41142ed
commit 121c824ccd
75 changed files with 3243 additions and 1627 deletions

View File

@ -212,19 +212,13 @@ if ( wp_is_block_template_theme() ) {
'edit_theme_options',
'site-editor.php',
);
$submenu['themes.php'][7] = array(
__( 'Styles' ),
'edit_theme_options',
'site-editor.php?styles=open',
);
}
// Hide Customize link on block themes unless a plugin or theme is using
// customize_register to add a setting.
if ( ! wp_is_block_template_theme() || has_action( 'customize_register' ) ) {
$customize_url = add_query_arg( 'return', urlencode( remove_query_arg( wp_removable_query_args(), wp_unslash( $_SERVER['REQUEST_URI'] ) ) ), 'customize.php' );
$position = wp_is_block_template_theme() ? 8 : 6;
$position = wp_is_block_template_theme() ? 7 : 6;
$submenu['themes.php'][ $position ] = array( __( 'Customize' ), 'customize', esc_url( $customize_url ), '', 'hide-if-no-customize' );
}
@ -249,17 +243,24 @@ unset( $appearance_cap );
// Add 'Theme Editor' to the bottom of the Appearance menu.
if ( ! is_multisite() ) {
// Must use API on the admin_menu hook, direct modification is only possible on/before the _admin_menu hook.
add_action( 'admin_menu', '_add_themes_utility_last', 101 );
}
/**
* Adds the 'Theme Editor' link to the bottom of the Appearance menu.
* Adds the 'Theme Editor' link to the bottom of the Appearance or Tools menu.
*
* @access private
* @since 3.0.0
* @since 5.9.0 'Theme Editor' link has moved to the Tools menu when a block theme is active.
*/
function _add_themes_utility_last() {
// Must use API on the admin_menu hook, direct modification is only possible on/before the _admin_menu hook.
add_submenu_page( 'themes.php', __( 'Theme Editor' ), __( 'Theme Editor' ), 'edit_themes', 'theme-editor.php' );
add_submenu_page(
wp_is_block_template_theme() ? 'tools.php' : 'themes.php',
__( 'Theme Editor' ),
__( 'Theme Editor' ),
'edit_themes',
'theme-editor.php'
);
}
$count = '';

View File

@ -40,10 +40,50 @@ add_filter(
);
$block_editor_context = new WP_Block_Editor_Context();
$custom_settings = array(
'siteUrl' => site_url(),
'postsPerPage' => get_option( 'posts_per_page' ),
'styles' => get_block_editor_theme_styles(),
'defaultTemplateTypes' => get_default_block_template_types(),
'defaultTemplatePartAreas' => get_allowed_block_template_part_areas(),
'__experimentalBlockPatterns' => WP_Block_Patterns_Registry::get_instance()->get_all_registered(),
'__experimentalBlockPatternCategories' => WP_Block_Pattern_Categories_Registry::get_instance()->get_all_registered(),
);
$editor_settings = get_block_editor_settings( $custom_settings, $block_editor_context );
$active_global_styles_id = WP_Theme_JSON_Resolver::get_user_custom_post_type_id();
$active_theme = wp_get_theme()->get_stylesheet();
$preload_paths = array(
if ( isset( $_GET['postType'] ) && ! isset( $_GET['postId'] ) ) {
$post_type = get_post_type_object( $_GET['postType'] );
if ( ! $post_type ) {
wp_die( __( 'Invalid post type.' ) );
}
$preload_paths = array(
'/',
'/wp/v2/types/' . $post_type->name . '?context=edit',
'/wp/v2/types?context=edit',
'/wp/v2/' . $post_type->rest_base . '?context=edit',
);
block_editor_rest_api_preload( $preload_paths, $block_editor_context );
wp_add_inline_script(
'wp-edit-site',
sprintf(
'wp.domReady( function() {
wp.editSite.initializeList( "site-editor", "%s", %s );
} );',
$post_type->name,
wp_json_encode( $editor_settings )
)
);
} else {
$active_global_styles_id = WP_Theme_JSON_Resolver::get_user_custom_post_type_id();
$active_theme = wp_get_theme()->get_stylesheet();
$preload_paths = array(
array( '/wp/v2/media', 'OPTIONS' ),
'/',
'/wp/v2/types?context=edit',
@ -60,40 +100,29 @@ $preload_paths = array(
'/wp/v2/global-styles/' . $active_global_styles_id,
'/wp/v2/themes/' . $active_theme . '/global-styles',
'/wp/v2/block-navigation-areas?context=edit',
);
);
$areas = get_option( 'wp_navigation_areas', array() );
$active_areas = array_intersect_key( $areas, get_navigation_areas() );
foreach ( $active_areas as $post_id ) {
$areas = get_option( 'wp_navigation_areas', array() );
$active_areas = array_intersect_key( $areas, get_navigation_areas() );
foreach ( $active_areas as $post_id ) {
if ( $post_id ) {
$preload_paths[] = add_query_arg( 'context', 'edit', rest_get_route_for_post( $post_id ) );
}
}
}
block_editor_rest_api_preload( $preload_paths, $block_editor_context );
block_editor_rest_api_preload( $preload_paths, $block_editor_context );
$editor_settings = get_block_editor_settings(
array(
'siteUrl' => site_url(),
'postsPerPage' => get_option( 'posts_per_page' ),
'styles' => get_block_editor_theme_styles(),
'defaultTemplateTypes' => get_default_block_template_types(),
'defaultTemplatePartAreas' => get_allowed_block_template_part_areas(),
'__experimentalBlockPatterns' => WP_Block_Patterns_Registry::get_instance()->get_all_registered(),
'__experimentalBlockPatternCategories' => WP_Block_Pattern_Categories_Registry::get_instance()->get_all_registered(),
),
$block_editor_context
);
wp_add_inline_script(
wp_add_inline_script(
'wp-edit-site',
sprintf(
'wp.domReady( function() {
wp.editSite.initialize( "site-editor", %s );
wp.editSite.initializeEditor( "site-editor", %s );
} );',
wp_json_encode( $editor_settings )
)
);
);
}
// Preload server-registered block schemas.
wp_add_inline_script(

File diff suppressed because one or more lines are too long

View File

@ -342,7 +342,7 @@ function get_block_editor_settings( array $custom_settings, $block_editor_contex
$colors_by_origin['user'] : (
isset( $colors_by_origin['theme'] ) ?
$colors_by_origin['theme'] :
$colors_by_origin['core']
$colors_by_origin['default']
);
}
if ( isset( $editor_settings['__experimentalFeatures']['color']['gradients'] ) ) {
@ -351,7 +351,7 @@ function get_block_editor_settings( array $custom_settings, $block_editor_contex
$gradients_by_origin['user'] : (
isset( $gradients_by_origin['theme'] ) ?
$gradients_by_origin['theme'] :
$gradients_by_origin['core']
$gradients_by_origin['default']
);
}
if ( isset( $editor_settings['__experimentalFeatures']['typography']['fontSizes'] ) ) {
@ -360,7 +360,7 @@ function get_block_editor_settings( array $custom_settings, $block_editor_contex
$font_sizes_by_origin['user'] : (
isset( $font_sizes_by_origin['theme'] ) ?
$font_sizes_by_origin['theme'] :
$font_sizes_by_origin['core']
$font_sizes_by_origin['default']
);
}
if ( isset( $editor_settings['__experimentalFeatures']['color']['custom'] ) ) {

View File

@ -19,7 +19,7 @@ function render_block_core_calendar( $attributes ) {
// when there are no published posts on the site.
if ( ! block_core_calendar_has_published_posts() ) {
if ( is_user_logged_in() ) {
return '<div>' . __( 'The calendar block is hidden because there are no published posts.', 'gutenberg' ) . '</div>';
return '<div>' . __( 'The calendar block is hidden because there are no published posts.' ) . '</div>';
}
return '';
}

View File

@ -74,7 +74,7 @@
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-code {
.wp-block-code > code {
font-family: Menlo, Consolas, monaco, monospace;
color: #1e1e1e;
padding: 0.8em 1em;

View File

@ -1 +1 @@
.wp-block-code{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}
.wp-block-code>code{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}

View File

@ -74,7 +74,7 @@
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-code {
.wp-block-code > code {
font-family: Menlo, Consolas, monaco, monospace;
color: #1e1e1e;
padding: 0.8em 1em;

View File

@ -1 +1 @@
.wp-block-code{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}
.wp-block-code>code{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}

View File

@ -119,17 +119,23 @@
background-size: auto;
}
.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]) {
.wp-block-cover-image .has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]),
.wp-block-cover .has-background-dim:not([class*=-background-color]) {
background-color: #000;
}
.wp-block-cover-image.has-background-dim::before,
.wp-block-cover.has-background-dim::before {
.wp-block-cover-image .has-background-dim::before,
.wp-block-cover.has-background-dim::before,
.wp-block-cover .has-background-dim::before {
content: "";
background-color: inherit;
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover-image .has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover .has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;

File diff suppressed because one or more lines are too long

View File

@ -119,17 +119,23 @@
background-size: auto;
}
.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]) {
.wp-block-cover-image .has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]),
.wp-block-cover .has-background-dim:not([class*=-background-color]) {
background-color: #000;
}
.wp-block-cover-image.has-background-dim::before,
.wp-block-cover.has-background-dim::before {
.wp-block-cover-image .has-background-dim::before,
.wp-block-cover.has-background-dim::before,
.wp-block-cover .has-background-dim::before {
content: "";
background-color: inherit;
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover-image .has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover .has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;

File diff suppressed because one or more lines are too long

View File

@ -2,7 +2,8 @@
/**
* Server-side rendering of the `core/navigation-area` block.
*
* @package gutenberg
* @deprecated 5.9.0 See https://github.com/WordPress/gutenberg/issues/36524
* @package WordPress
*/
/**

View File

@ -2,7 +2,7 @@
/**
* Server-side rendering of the `core/navigation-link` block.
*
* @package gutenberg
* @package WordPress
*/
/**

View File

@ -2,7 +2,7 @@
/**
* Server-side rendering of the `core/navigation-submenu` block.
*
* @package gutenberg
* @package WordPress
*/
/**
@ -19,7 +19,7 @@ function block_core_navigation_submenu_build_css_colors( $context, $attributes )
'inline_styles' => '',
);
$is_sub_menu = isset( $attributes['isTopLevelLink'] ) ? ( ! $attributes['isTopLevelLink'] ) : false;
$is_sub_menu = isset( $attributes['isTopLevelItem'] ) ? ( ! $attributes['isTopLevelItem'] ) : false;
// Text color.
$named_text_color = null;
@ -150,12 +150,6 @@ function render_block_core_navigation_submenu( $attributes, $content, $block ) {
$has_submenu = count( $block->inner_blocks ) > 0;
$is_active = ! empty( $attributes['id'] ) && ( get_the_ID() === $attributes['id'] );
$class_name = ! empty( $attributes['className'] ) ? implode( ' ', (array) $attributes['className'] ) : false;
if ( false !== $class_name ) {
$css_classes .= ' ' . $class_name;
}
$show_submenu_indicators = isset( $block->context['showSubmenuIcon'] ) && $block->context['showSubmenuIcon'];
$open_on_click = isset( $block->context['openSubmenusOnClick'] ) && $block->context['openSubmenusOnClick'];
$open_on_hover_and_click = isset( $block->context['openSubmenusOnClick'] ) && ! $block->context['openSubmenusOnClick'] &&

View File

@ -1,97 +0,0 @@
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-navigation-submenu {
position: relative;
display: flex;
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
stroke: currentColor;
}
button.wp-block-navigation-item__content {
background-color: transparent;
border: none;
color: currentColor;
font-size: inherit;
font-family: inherit;
line-height: inherit;
text-align: right;
}
.wp-block-navigation-submenu__toggle {
cursor: pointer;
}

View File

@ -1 +0,0 @@
.wp-block-navigation-submenu{position:relative;display:flex}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:transparent;border:none;color:currentColor;font-size:inherit;font-family:inherit;line-height:inherit;text-align:right}.wp-block-navigation-submenu__toggle{cursor:pointer}

View File

@ -1,97 +0,0 @@
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-navigation-submenu {
position: relative;
display: flex;
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
stroke: currentColor;
}
button.wp-block-navigation-item__content {
background-color: transparent;
border: none;
color: currentColor;
font-size: inherit;
font-family: inherit;
line-height: inherit;
text-align: left;
}
.wp-block-navigation-submenu__toggle {
cursor: pointer;
}

View File

@ -1 +0,0 @@
.wp-block-navigation-submenu{position:relative;display:flex}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:transparent;border:none;color:currentColor;font-size:inherit;font-family:inherit;line-height:inherit;text-align:left}.wp-block-navigation-submenu__toggle{cursor:pointer}

View File

@ -2,7 +2,7 @@
/**
* Server-side rendering of the `core/navigation` block.
*
* @package gutenberg
* @package WordPress
*/
/**
@ -16,6 +16,8 @@ function block_core_navigation_build_css_colors( $attributes ) {
$colors = array(
'css_classes' => array(),
'inline_styles' => '',
'overlay_css_classes' => array(),
'overlay_inline_styles' => '',
);
// Text color.
@ -54,6 +56,42 @@ function block_core_navigation_build_css_colors( $attributes ) {
$colors['inline_styles'] .= sprintf( 'background-color: %s;', $attributes['customBackgroundColor'] );
}
// Overlay text color.
$has_named_overlay_text_color = array_key_exists( 'overlayTextColor', $attributes );
$has_custom_overlay_text_color = array_key_exists( 'customOverlayTextColor', $attributes );
// If has overlay text color.
if ( $has_custom_overlay_text_color || $has_named_overlay_text_color ) {
// Add has-text-color class.
$colors['overlay_css_classes'][] = 'has-text-color';
}
if ( $has_named_overlay_text_color ) {
// Add the overlay color class.
$colors['overlay_css_classes'][] = sprintf( 'has-%s-color', $attributes['overlayTextColor'] );
} elseif ( $has_custom_overlay_text_color ) {
// Add the custom overlay color inline style.
$colors['overlay_inline_styles'] .= sprintf( 'color: %s;', $attributes['customOverlayTextColor'] );
}
// Overlay background color.
$has_named_overlay_background_color = array_key_exists( 'overlayBackgroundColor', $attributes );
$has_custom_overlay_background_color = array_key_exists( 'customOverlayBackgroundColor', $attributes );
// If has overlay background color.
if ( $has_custom_overlay_background_color || $has_named_overlay_background_color ) {
// Add has-background class.
$colors['overlay_css_classes'][] = 'has-background';
}
if ( $has_named_overlay_background_color ) {
// Add the overlay background-color class.
$colors['overlay_css_classes'][] = sprintf( 'has-%s-background-color', $attributes['overlayBackgroundColor'] );
} elseif ( $has_custom_overlay_background_color ) {
// Add the custom overlay background-color inline style.
$colors['overlay_inline_styles'] .= sprintf( 'background-color: %s;', $attributes['customOverlayBackgroundColor'] );
}
return $colors;
}
@ -247,6 +285,7 @@ function render_block_core_navigation( $attributes, $content, $block ) {
$responsive_container_classes = array(
'wp-block-navigation__responsive-container',
$is_hidden_by_default ? 'hidden-by-default' : '',
implode( ' ', $colors['overlay_css_classes'] ),
);
$open_button_classes = array(
'wp-block-navigation__responsive-container-open',
@ -255,7 +294,7 @@ function render_block_core_navigation( $attributes, $content, $block ) {
$responsive_container_markup = sprintf(
'<button aria-expanded="false" aria-haspopup="true" aria-label="%3$s" class="%6$s" data-micromodal-trigger="modal-%1$s"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false"><rect x="4" y="7.5" width="16" height="1.5" /><rect x="4" y="15" width="16" height="1.5" /></svg></button>
<div class="%5$s" id="modal-%1$s">
<div class="%5$s" style="%7$s" id="modal-%1$s">
<div class="wp-block-navigation__responsive-close" tabindex="-1" data-micromodal-close>
<div class="wp-block-navigation__responsive-dialog" role="dialog" aria-modal="true" aria-labelledby="modal-%1$s-title" >
<button aria-label="%4$s" data-micromodal-close class="wp-block-navigation__responsive-container-close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" role="img" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg></button>
@ -270,7 +309,8 @@ function render_block_core_navigation( $attributes, $content, $block ) {
__( 'Open menu' ), // Open button label.
__( 'Close menu' ), // Close button label.
implode( ' ', $responsive_container_classes ),
implode( ' ', $open_button_classes )
implode( ' ', $open_button_classes ),
$colors['overlay_inline_styles']
);
return sprintf(

View File

@ -119,17 +119,22 @@
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
align-self: center;
height: inherit;
line-height: 0;
margin-right: 6px;
display: inline-block;
vertical-align: middle;
padding: 0;
background-color: inherit;
color: currentColor;
border: none;
margin-right: 0.25em;
width: 0.6em;
height: 0.6em;
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
display: inline-block;
stroke: currentColor;
width: inherit;
height: inherit;
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
@ -214,6 +219,28 @@
}
}
.wp-block-navigation-submenu {
position: relative;
display: flex;
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
stroke: currentColor;
}
button.wp-block-navigation-item__content {
background-color: transparent;
border: none;
color: currentColor;
font-size: inherit;
font-family: inherit;
line-height: inherit;
text-align: right;
}
.wp-block-navigation-submenu__toggle {
cursor: pointer;
}
/**
* Margins
*/
@ -288,6 +315,11 @@
display: none;
}
.wp-block-navigation__container:only-child,
.wp-block-page-list:only-child {
flex-grow: 1;
}
/**
* Mobile menu.
*/
@ -306,6 +338,10 @@
justify-content: var(--layout-justify, initial);
align-items: var(--layout-align, initial);
}
.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
color: inherit !important;
background-color: inherit !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
display: flex;
flex-direction: column;
@ -359,7 +395,8 @@
align-items: var(--layout-justification-setting, initial);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
color: inherit !important;
background: transparent !important;
}

File diff suppressed because one or more lines are too long

View File

@ -119,17 +119,22 @@
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
align-self: center;
height: inherit;
line-height: 0;
margin-left: 6px;
display: inline-block;
vertical-align: middle;
padding: 0;
background-color: inherit;
color: currentColor;
border: none;
margin-left: 0.25em;
width: 0.6em;
height: 0.6em;
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
display: inline-block;
stroke: currentColor;
width: inherit;
height: inherit;
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
@ -214,6 +219,28 @@
}
}
.wp-block-navigation-submenu {
position: relative;
display: flex;
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
stroke: currentColor;
}
button.wp-block-navigation-item__content {
background-color: transparent;
border: none;
color: currentColor;
font-size: inherit;
font-family: inherit;
line-height: inherit;
text-align: left;
}
.wp-block-navigation-submenu__toggle {
cursor: pointer;
}
/**
* Margins
*/
@ -288,6 +315,11 @@
display: none;
}
.wp-block-navigation__container:only-child,
.wp-block-page-list:only-child {
flex-grow: 1;
}
/**
* Mobile menu.
*/
@ -306,6 +338,10 @@
justify-content: var(--layout-justify, initial);
align-items: var(--layout-align, initial);
}
.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
color: inherit !important;
background-color: inherit !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
display: flex;
flex-direction: column;
@ -359,7 +395,8 @@
align-items: var(--layout-justification-setting, initial);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
color: inherit !important;
background: transparent !important;
}

File diff suppressed because one or more lines are too long

View File

@ -34,7 +34,7 @@ function block_core_page_list_build_css_colors( $attributes, $context ) {
if ( $has_named_text_color ) {
// Add the color class.
$colors['css_classes'][] = sprintf( 'has-%s-color', gutenberg_experimental_to_kebab_case( $context['textColor'] ) );
$colors['css_classes'][] = sprintf( 'has-%s-color', _wp_to_kebab_case( $context['textColor'] ) );
} elseif ( $has_picked_text_color ) {
$colors['inline_styles'] .= sprintf( 'color: %s;', $context['customTextColor'] );
} elseif ( $has_custom_text_color ) {
@ -55,7 +55,7 @@ function block_core_page_list_build_css_colors( $attributes, $context ) {
if ( $has_named_background_color ) {
// Add the background-color class.
$colors['css_classes'][] = sprintf( 'has-%s-background-color', gutenberg_experimental_to_kebab_case( $context['backgroundColor'] ) );
$colors['css_classes'][] = sprintf( 'has-%s-background-color', _wp_to_kebab_case( $context['backgroundColor'] ) );
} elseif ( $has_picked_background_color ) {
$colors['inline_styles'] .= sprintf( 'background-color: %s;', $context['customBackgroundColor'] );
} elseif ( $has_custom_background_color ) {
@ -74,7 +74,7 @@ function block_core_page_list_build_css_colors( $attributes, $context ) {
// Give overlay colors priority, fall back to Navigation block colors, then global styles.
if ( $has_named_overlay_text_color ) {
$colors['overlay_css_classes'][] = sprintf( 'has-%s-color', gutenberg_experimental_to_kebab_case( $context['overlayTextColor'] ) );
$colors['overlay_css_classes'][] = sprintf( 'has-%s-color', _wp_to_kebab_case( $context['overlayTextColor'] ) );
} elseif ( $has_picked_overlay_text_color ) {
$colors['overlay_inline_styles'] .= sprintf( 'color: %s;', $context['customOverlayTextColor'] );
}
@ -89,7 +89,7 @@ function block_core_page_list_build_css_colors( $attributes, $context ) {
}
if ( $has_named_overlay_background_color ) {
$colors['overlay_css_classes'][] = sprintf( 'has-%s-background-color', gutenberg_experimental_to_kebab_case( $context['overlayBackgroundColor'] ) );
$colors['overlay_css_classes'][] = sprintf( 'has-%s-background-color', _wp_to_kebab_case( $context['overlayBackgroundColor'] ) );
} elseif ( $has_picked_overlay_background_color ) {
$colors['overlay_inline_styles'] .= sprintf( 'background-color: %s;', $context['customOverlayBackgroundColor'] );
}
@ -182,7 +182,7 @@ function block_core_page_list_render_nested_page_list( $open_submenus_on_click,
) . '<span class="wp-block-page-list__submenu-icon wp-block-navigation__submenu-icon"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" role="img" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></span>' .
'</button>';
} else {
$markup .= '<a class="wp-block-pages-list__item__link' . $navigation_child_content_class . ' "href="' . esc_url( $page['link'] ) . '"' . $aria_current . '>' . wp_kses(
$markup .= '<a class="wp-block-pages-list__item__link' . $navigation_child_content_class . '" href="' . esc_url( $page['link'] ) . '"' . $aria_current . '>' . wp_kses(
$page['title'],
wp_kses_allowed_html( 'post' )
) . '</a>';

View File

@ -74,30 +74,114 @@
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder,
.wp-block-post-featured-image.wp-block-post-featured-image .components-resizable-box__container {
border-radius: inherit;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder {
justify-content: center;
align-items: center;
box-shadow: none;
padding: 0;
color: currentColor;
background: transparent;
min-height: 200px;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-form-file-upload {
display: none;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__preview,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__preview {
position: absolute;
top: 4px;
left: 4px;
bottom: 4px;
right: 4px;
background: rgba(255, 255, 255, 0.8);
display: flex;
align-items: center;
justify-content: center;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder::before,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border: 1px dashed currentColor;
opacity: 0.3;
pointer-events: none;
border-radius: inherit;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__fieldset,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__fieldset {
width: auto;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button {
color: inherit;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
border-radius: 50%;
position: relative;
visibility: hidden;
background: transparent;
transition: all 0.1s linear;
}
@media (prefers-reduced-motion: reduce) {
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button {
transition-duration: 0s;
transition-delay: 0s;
}
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button > svg,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button > svg {
color: #fff;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__illustration,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__illustration {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
stroke: currentColor;
stroke-dasharray: 3;
opacity: 0.3;
}
.wp-block-post-featured-image.wp-block-post-featured-image[style*=height] .components-placeholder {
min-height: 48px;
min-width: 48px;
height: 100%;
width: 100%;
}
.wp-block-post-featured-image.wp-block-post-featured-image.is-selected .components-button.components-button {
background: var(--wp-admin-theme-color);
border-color: var(--wp-admin-theme-color);
border-style: solid;
color: #fff;
opacity: 1;
visibility: visible;
}
div[data-type="core/post-featured-image"] img {
max-width: 100%;
height: auto;
display: block;
}
.editor-styles-wrapper .post-featured-image_placeholder {
display: flex;
flex-direction: row;
align-items: center;
border-radius: 2px;
background-color: #fff;
box-shadow: inset 0 0 0 1px #1e1e1e;
padding: 12px;
}
.editor-styles-wrapper .post-featured-image_placeholder svg {
margin-left: 12px;
}
.editor-styles-wrapper .post-featured-image_placeholder p {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
margin: 0;
}
.block-library-post-featured-image-dimension-controls {
margin-bottom: 8px;
}

View File

@ -1 +1 @@
div[data-type="core/post-featured-image"] img{max-width:100%;height:auto;display:block}.editor-styles-wrapper .post-featured-image_placeholder{display:flex;flex-direction:row;align-items:center;border-radius:2px;background-color:#fff;box-shadow:inset 0 0 0 1px #1e1e1e;padding:12px}.editor-styles-wrapper .post-featured-image_placeholder svg{margin-left:12px}.editor-styles-wrapper .post-featured-image_placeholder p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;margin:0}.block-library-post-featured-image-dimension-controls{margin-bottom:8px}.block-library-post-featured-image-dimension-controls.scale-control-is-visible{margin-bottom:16px}
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image.wp-block-post-featured-image .components-resizable-box__container{border-radius:inherit}.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{justify-content:center;align-items:center;box-shadow:none;padding:0;color:currentColor;background:transparent;min-height:200px}.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{display:none}.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__preview,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__preview{position:absolute;top:4px;left:4px;bottom:4px;right:4px;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center}.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:before,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;border:1px dashed;opacity:.3;pointer-events:none;border-radius:inherit}.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__fieldset,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__fieldset{width:auto}.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button{color:inherit;padding:0;display:flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:50%;position:relative;visibility:hidden;background:transparent;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button{transition-duration:0s;transition-delay:0s}}.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button>svg,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button>svg{color:#fff}.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__illustration,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__illustration{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;stroke:currentColor;stroke-dasharray:3;opacity:.3}.wp-block-post-featured-image.wp-block-post-featured-image[style*=height] .components-placeholder{min-height:48px;min-width:48px;height:100%;width:100%}.wp-block-post-featured-image.wp-block-post-featured-image.is-selected .components-button.components-button{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-style:solid;color:#fff;opacity:1;visibility:visible}div[data-type="core/post-featured-image"] img{max-width:100%;height:auto;display:block}.block-library-post-featured-image-dimension-controls{margin-bottom:8px}.block-library-post-featured-image-dimension-controls.scale-control-is-visible{margin-bottom:16px}

View File

@ -74,30 +74,114 @@
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder,
.wp-block-post-featured-image.wp-block-post-featured-image .components-resizable-box__container {
border-radius: inherit;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder {
justify-content: center;
align-items: center;
box-shadow: none;
padding: 0;
color: currentColor;
background: transparent;
min-height: 200px;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-form-file-upload {
display: none;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__preview,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__preview {
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
background: rgba(255, 255, 255, 0.8);
display: flex;
align-items: center;
justify-content: center;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder::before,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px dashed currentColor;
opacity: 0.3;
pointer-events: none;
border-radius: inherit;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__fieldset,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__fieldset {
width: auto;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button {
color: inherit;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
border-radius: 50%;
position: relative;
visibility: hidden;
background: transparent;
transition: all 0.1s linear;
}
@media (prefers-reduced-motion: reduce) {
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button {
transition-duration: 0s;
transition-delay: 0s;
}
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button > svg,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button > svg {
color: #fff;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__illustration,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__illustration {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
stroke: currentColor;
stroke-dasharray: 3;
opacity: 0.3;
}
.wp-block-post-featured-image.wp-block-post-featured-image[style*=height] .components-placeholder {
min-height: 48px;
min-width: 48px;
height: 100%;
width: 100%;
}
.wp-block-post-featured-image.wp-block-post-featured-image.is-selected .components-button.components-button {
background: var(--wp-admin-theme-color);
border-color: var(--wp-admin-theme-color);
border-style: solid;
color: #fff;
opacity: 1;
visibility: visible;
}
div[data-type="core/post-featured-image"] img {
max-width: 100%;
height: auto;
display: block;
}
.editor-styles-wrapper .post-featured-image_placeholder {
display: flex;
flex-direction: row;
align-items: center;
border-radius: 2px;
background-color: #fff;
box-shadow: inset 0 0 0 1px #1e1e1e;
padding: 12px;
}
.editor-styles-wrapper .post-featured-image_placeholder svg {
margin-right: 12px;
}
.editor-styles-wrapper .post-featured-image_placeholder p {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
margin: 0;
}
.block-library-post-featured-image-dimension-controls {
margin-bottom: 8px;
}

View File

@ -1 +1 @@
div[data-type="core/post-featured-image"] img{max-width:100%;height:auto;display:block}.editor-styles-wrapper .post-featured-image_placeholder{display:flex;flex-direction:row;align-items:center;border-radius:2px;background-color:#fff;box-shadow:inset 0 0 0 1px #1e1e1e;padding:12px}.editor-styles-wrapper .post-featured-image_placeholder svg{margin-right:12px}.editor-styles-wrapper .post-featured-image_placeholder p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;margin:0}.block-library-post-featured-image-dimension-controls{margin-bottom:8px}.block-library-post-featured-image-dimension-controls.scale-control-is-visible{margin-bottom:16px}
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image.wp-block-post-featured-image .components-resizable-box__container{border-radius:inherit}.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{justify-content:center;align-items:center;box-shadow:none;padding:0;color:currentColor;background:transparent;min-height:200px}.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{display:none}.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__preview,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__preview{position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center}.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:before,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px dashed;opacity:.3;pointer-events:none;border-radius:inherit}.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__fieldset,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__fieldset{width:auto}.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button{color:inherit;padding:0;display:flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:50%;position:relative;visibility:hidden;background:transparent;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button{transition-duration:0s;transition-delay:0s}}.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button>svg,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button>svg{color:#fff}.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__illustration,.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__illustration{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;stroke:currentColor;stroke-dasharray:3;opacity:.3}.wp-block-post-featured-image.wp-block-post-featured-image[style*=height] .components-placeholder{min-height:48px;min-width:48px;height:100%;width:100%}.wp-block-post-featured-image.wp-block-post-featured-image.is-selected .components-button.components-button{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-style:solid;color:#fff;opacity:1;visibility:visible}div[data-type="core/post-featured-image"] img{max-width:100%;height:auto;display:block}.block-library-post-featured-image-dimension-controls{margin-bottom:8px}.block-library-post-featured-image-dimension-controls.scale-control-is-visible{margin-bottom:16px}

View File

@ -103,16 +103,13 @@
.wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
display: flex;
}
.wp-block-social-links__social-placeholder + .block-list-appender,
.wp-block-social-links__social-placeholder .wp-social-link {
padding: 0.25em;
}
.is-style-pill-shape .wp-block-social-links__social-placeholder + .block-list-appender,
.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link {
padding-right: calc((2/3) * 1em);
padding-left: calc((2/3) * 1em);
}
.is-style-logos-only .wp-block-social-links__social-placeholder + .block-list-appender,
.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link {
padding: 0;
}
@ -128,6 +125,7 @@
}
.wp-block-social-links .wp-block-social-links__social-prompt {
min-height: 24px;
list-style: none;
order: 2;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@ -138,38 +136,6 @@
cursor: default;
padding-left: 8px;
}
.wp-block-social-links .wp-block-social-links__social-prompt + .block-list-appender {
margin-left: 8px;
padding: 0.25em;
}
.wp-block-social-links .block-list-appender {
margin: 4px 0 4px auto;
border-radius: 9999px;
}
.wp-block-social-links .block-list-appender .block-editor-inserter {
display: flex;
align-items: center;
justify-content: center;
font-size: inherit;
width: 1em;
height: 1em;
}
.has-small-icon-size .wp-block-social-links .block-list-appender {
font-size: 16px;
}
.has-normal-icon-size .wp-block-social-links .block-list-appender {
font-size: 24px;
}
.has-large-icon-size .wp-block-social-links .block-list-appender {
font-size: 36px;
}
.has-huge-icon-size .wp-block-social-links .block-list-appender {
font-size: 48px;
}
.wp-block-social-links .block-list-appender::before {
content: none;
}
.wp-block[data-align=center] > .wp-block-social-links {
justify-content: center;

View File

@ -1 +1 @@
.wp-block-social-links div.block-editor-url-input{display:inline-block;margin-right:8px}.wp-social-link:hover{transform:none}.editor-styles-wrapper .wp-block-social-links{padding:0}.wp-block-social-links__social-placeholder{display:flex;opacity:.8;list-style:none}.wp-block-social-links__social-placeholder>.wp-social-link{padding-right:0!important;margin-right:0!important;padding-left:0!important;margin-left:0!important;width:0!important;visibility:hidden}.wp-block-social-links__social-placeholder>.wp-block-social-links__social-placeholder-icons{display:flex}.wp-block-social-links__social-placeholder+.block-list-appender,.wp-block-social-links__social-placeholder .wp-social-link{padding:.25em}.is-style-pill-shape .wp-block-social-links__social-placeholder+.block-list-appender,.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link{padding-right:.66667em;padding-left:.66667em}.is-style-logos-only .wp-block-social-links__social-placeholder+.block-list-appender,.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link{padding:0}.wp-block-social-links__social-placeholder .wp-social-link:before{content:"";display:block;width:1em;height:1em;border-radius:50%}.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link:before{background:currentColor}.wp-block-social-links .wp-block-social-links__social-prompt{list-style:none;order:2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:24px;margin-top:auto;margin-bottom:auto;cursor:default;padding-left:8px}.wp-block-social-links .wp-block-social-links__social-prompt+.block-list-appender{margin-left:8px;padding:.25em}.wp-block-social-links .block-list-appender{margin:4px 0 4px auto;border-radius:9999px}.wp-block-social-links .block-list-appender .block-editor-inserter{display:flex;align-items:center;justify-content:center;font-size:inherit;width:1em;height:1em}.has-small-icon-size .wp-block-social-links .block-list-appender{font-size:16px}.has-normal-icon-size .wp-block-social-links .block-list-appender{font-size:24px}.has-large-icon-size .wp-block-social-links .block-list-appender{font-size:36px}.has-huge-icon-size .wp-block-social-links .block-list-appender{font-size:48px}.wp-block-social-links .block-list-appender:before{content:none}.wp-block[data-align=center]>.wp-block-social-links{justify-content:center}.block-editor-block-preview__content .components-button:disabled{opacity:1}.wp-social-link.wp-social-link__is-incomplete{opacity:.5}@media (prefers-reduced-motion:reduce){.wp-social-link.wp-social-link__is-incomplete{transition-duration:0s;transition-delay:0s}}.wp-block-social-links .is-selected .wp-social-link__is-incomplete,.wp-social-link.wp-social-link__is-incomplete:focus,.wp-social-link.wp-social-link__is-incomplete:hover{opacity:1}
.wp-block-social-links div.block-editor-url-input{display:inline-block;margin-right:8px}.wp-social-link:hover{transform:none}.editor-styles-wrapper .wp-block-social-links{padding:0}.wp-block-social-links__social-placeholder{display:flex;opacity:.8;list-style:none}.wp-block-social-links__social-placeholder>.wp-social-link{padding-right:0!important;margin-right:0!important;padding-left:0!important;margin-left:0!important;width:0!important;visibility:hidden}.wp-block-social-links__social-placeholder>.wp-block-social-links__social-placeholder-icons{display:flex}.wp-block-social-links__social-placeholder .wp-social-link{padding:.25em}.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link{padding-right:.66667em;padding-left:.66667em}.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link{padding:0}.wp-block-social-links__social-placeholder .wp-social-link:before{content:"";display:block;width:1em;height:1em;border-radius:50%}.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link:before{background:currentColor}.wp-block-social-links .wp-block-social-links__social-prompt{min-height:24px;list-style:none;order:2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:24px;margin-top:auto;margin-bottom:auto;cursor:default;padding-left:8px}.wp-block[data-align=center]>.wp-block-social-links{justify-content:center}.block-editor-block-preview__content .components-button:disabled{opacity:1}.wp-social-link.wp-social-link__is-incomplete{opacity:.5}@media (prefers-reduced-motion:reduce){.wp-social-link.wp-social-link__is-incomplete{transition-duration:0s;transition-delay:0s}}.wp-block-social-links .is-selected .wp-social-link__is-incomplete,.wp-social-link.wp-social-link__is-incomplete:focus,.wp-social-link.wp-social-link__is-incomplete:hover{opacity:1}

View File

@ -103,16 +103,13 @@
.wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
display: flex;
}
.wp-block-social-links__social-placeholder + .block-list-appender,
.wp-block-social-links__social-placeholder .wp-social-link {
padding: 0.25em;
}
.is-style-pill-shape .wp-block-social-links__social-placeholder + .block-list-appender,
.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link {
padding-left: calc((2/3) * 1em);
padding-right: calc((2/3) * 1em);
}
.is-style-logos-only .wp-block-social-links__social-placeholder + .block-list-appender,
.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link {
padding: 0;
}
@ -128,6 +125,7 @@
}
.wp-block-social-links .wp-block-social-links__social-prompt {
min-height: 24px;
list-style: none;
order: 2;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@ -138,38 +136,6 @@
cursor: default;
padding-right: 8px;
}
.wp-block-social-links .wp-block-social-links__social-prompt + .block-list-appender {
margin-right: 8px;
padding: 0.25em;
}
.wp-block-social-links .block-list-appender {
margin: 4px auto 4px 0;
border-radius: 9999px;
}
.wp-block-social-links .block-list-appender .block-editor-inserter {
display: flex;
align-items: center;
justify-content: center;
font-size: inherit;
width: 1em;
height: 1em;
}
.has-small-icon-size .wp-block-social-links .block-list-appender {
font-size: 16px;
}
.has-normal-icon-size .wp-block-social-links .block-list-appender {
font-size: 24px;
}
.has-large-icon-size .wp-block-social-links .block-list-appender {
font-size: 36px;
}
.has-huge-icon-size .wp-block-social-links .block-list-appender {
font-size: 48px;
}
.wp-block-social-links .block-list-appender::before {
content: none;
}
.wp-block[data-align=center] > .wp-block-social-links {
justify-content: center;

View File

@ -1 +1 @@
.wp-block-social-links div.block-editor-url-input{display:inline-block;margin-left:8px}.wp-social-link:hover{transform:none}.editor-styles-wrapper .wp-block-social-links{padding:0}.wp-block-social-links__social-placeholder{display:flex;opacity:.8;list-style:none}.wp-block-social-links__social-placeholder>.wp-social-link{padding-left:0!important;margin-left:0!important;padding-right:0!important;margin-right:0!important;width:0!important;visibility:hidden}.wp-block-social-links__social-placeholder>.wp-block-social-links__social-placeholder-icons{display:flex}.wp-block-social-links__social-placeholder+.block-list-appender,.wp-block-social-links__social-placeholder .wp-social-link{padding:.25em}.is-style-pill-shape .wp-block-social-links__social-placeholder+.block-list-appender,.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link{padding-left:.66667em;padding-right:.66667em}.is-style-logos-only .wp-block-social-links__social-placeholder+.block-list-appender,.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link{padding:0}.wp-block-social-links__social-placeholder .wp-social-link:before{content:"";display:block;width:1em;height:1em;border-radius:50%}.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link:before{background:currentColor}.wp-block-social-links .wp-block-social-links__social-prompt{list-style:none;order:2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:24px;margin-top:auto;margin-bottom:auto;cursor:default;padding-right:8px}.wp-block-social-links .wp-block-social-links__social-prompt+.block-list-appender{margin-right:8px;padding:.25em}.wp-block-social-links .block-list-appender{margin:4px auto 4px 0;border-radius:9999px}.wp-block-social-links .block-list-appender .block-editor-inserter{display:flex;align-items:center;justify-content:center;font-size:inherit;width:1em;height:1em}.has-small-icon-size .wp-block-social-links .block-list-appender{font-size:16px}.has-normal-icon-size .wp-block-social-links .block-list-appender{font-size:24px}.has-large-icon-size .wp-block-social-links .block-list-appender{font-size:36px}.has-huge-icon-size .wp-block-social-links .block-list-appender{font-size:48px}.wp-block-social-links .block-list-appender:before{content:none}.wp-block[data-align=center]>.wp-block-social-links{justify-content:center}.block-editor-block-preview__content .components-button:disabled{opacity:1}.wp-social-link.wp-social-link__is-incomplete{opacity:.5}@media (prefers-reduced-motion:reduce){.wp-social-link.wp-social-link__is-incomplete{transition-duration:0s;transition-delay:0s}}.wp-block-social-links .is-selected .wp-social-link__is-incomplete,.wp-social-link.wp-social-link__is-incomplete:focus,.wp-social-link.wp-social-link__is-incomplete:hover{opacity:1}
.wp-block-social-links div.block-editor-url-input{display:inline-block;margin-left:8px}.wp-social-link:hover{transform:none}.editor-styles-wrapper .wp-block-social-links{padding:0}.wp-block-social-links__social-placeholder{display:flex;opacity:.8;list-style:none}.wp-block-social-links__social-placeholder>.wp-social-link{padding-left:0!important;margin-left:0!important;padding-right:0!important;margin-right:0!important;width:0!important;visibility:hidden}.wp-block-social-links__social-placeholder>.wp-block-social-links__social-placeholder-icons{display:flex}.wp-block-social-links__social-placeholder .wp-social-link{padding:.25em}.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link{padding-left:.66667em;padding-right:.66667em}.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link{padding:0}.wp-block-social-links__social-placeholder .wp-social-link:before{content:"";display:block;width:1em;height:1em;border-radius:50%}.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link:before{background:currentColor}.wp-block-social-links .wp-block-social-links__social-prompt{min-height:24px;list-style:none;order:2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:24px;margin-top:auto;margin-bottom:auto;cursor:default;padding-right:8px}.wp-block[data-align=center]>.wp-block-social-links{justify-content:center}.block-editor-block-preview__content .components-button:disabled{opacity:1}.wp-social-link.wp-social-link__is-incomplete{opacity:.5}@media (prefers-reduced-motion:reduce){.wp-social-link.wp-social-link__is-incomplete{transition-duration:0s;transition-delay:0s}}.wp-block-social-links .is-selected .wp-social-link__is-incomplete,.wp-social-link.wp-social-link__is-incomplete:focus,.wp-social-link.wp-social-link__is-incomplete:hover{opacity:1}

View File

@ -136,7 +136,7 @@ class WP_Theme_JSON_Resolver {
$config = self::read_json_file( __DIR__ . '/theme.json' );
$config = self::translate( $config );
self::$core = new WP_Theme_JSON( $config, 'core' );
self::$core = new WP_Theme_JSON( $config, 'default' );
return self::$core;
}
@ -183,6 +183,31 @@ class WP_Theme_JSON_Resolver {
* and merge the self::$theme upon that.
*/
$theme_support_data = WP_Theme_JSON::get_from_editor_settings( get_default_block_editor_settings() );
if ( ! self::theme_has_support() ) {
if ( ! isset( $theme_support_data['settings']['color'] ) ) {
$theme_support_data['settings']['color'] = array();
}
$default_palette = false;
if ( current_theme_supports( 'default-color-palette' ) ) {
$default_palette = true;
}
if ( ! isset( $theme_support_data['settings']['color']['palette'] ) ) {
// If the theme does not have any palette, we still want to show the core one.
$default_palette = true;
}
$theme_support_data['settings']['color']['defaultPalette'] = $default_palette;
$default_gradients = false;
if ( current_theme_supports( 'default-gradient-presets' ) ) {
$default_gradients = true;
}
if ( ! isset( $theme_support_data['settings']['color']['gradients'] ) ) {
// If the theme does not have any gradients, we still want to show the core ones.
$default_gradients = true;
}
$theme_support_data['settings']['color']['defaultGradients'] = $default_gradients;
}
$with_theme_supports = new WP_Theme_JSON( $theme_support_data );
$with_theme_supports->merge( self::$theme );
@ -293,7 +318,7 @@ class WP_Theme_JSON_Resolver {
/**
* There are three sources of data (origins) for a site:
* core, theme, and user. The user's has higher priority
* default, theme, and user. The user's has higher priority
* than the theme's, and the theme's higher than core's.
*
* Unlike the getters {@link get_core_data},

View File

@ -51,7 +51,7 @@ class WP_Theme_JSON {
* @var string[]
*/
const VALID_ORIGINS = array(
'core',
'default',
'theme',
'user',
);
@ -224,6 +224,8 @@ class WP_Theme_JSON {
'custom' => null,
'customDuotone' => null,
'customGradient' => null,
'defaultGradients' => null,
'defaultPalette' => null,
'duotone' => null,
'gradients' => null,
'link' => null,
@ -324,7 +326,7 @@ class WP_Theme_JSON {
*
* @param array $theme_json A structure that follows the theme.json schema.
* @param string $origin Optional. What source of data this object represents.
* One of 'core', 'theme', or 'user'. Default 'theme'.
* One of 'default', 'theme', or 'user'. Default 'theme'.
*/
public function __construct( $theme_json = array(), $origin = 'theme' ) {
if ( ! in_array( $origin, self::VALID_ORIGINS, true ) ) {
@ -343,11 +345,13 @@ class WP_Theme_JSON {
$path = array_merge( $node['path'], $preset_metadata['path'] );
$preset = _wp_array_get( $this->theme_json, $path, null );
if ( null !== $preset ) {
if ( 'user' !== $origin || isset( $preset[0] ) ) {
_wp_array_set( $this->theme_json, $path, array( $origin => $preset ) );
}
}
}
}
}
/**
* Sanitizes the input according to the schemas.
@ -1472,7 +1476,9 @@ class WP_Theme_JSON {
private static function remove_insecure_settings( $input ) {
$output = array();
foreach ( self::PRESETS_METADATA as $preset_metadata ) {
$presets = _wp_array_get( $input, $preset_metadata['path'], null );
foreach ( self::VALID_ORIGINS as $origin ) {
$path_with_origin = array_merge( $preset_metadata['path'], array( $origin ) );
$presets = _wp_array_get( $input, $path_with_origin, null );
if ( null === $presets ) {
continue;
}
@ -1508,10 +1514,10 @@ class WP_Theme_JSON {
}
if ( ! empty( $escaped_preset ) ) {
_wp_array_set( $output, $preset_metadata['path'], $escaped_preset );
_wp_array_set( $output, $path_with_origin, $escaped_preset );
}
}
}
return $output;
}

View File

@ -728,35 +728,6 @@
display: none;
}
.block-editor-block-list__block .block-list-appender {
align-self: center;
padding: 0;
list-style: none;
margin-bottom: revert;
}
.block-editor-block-list__block .block-list-appender.wp-block {
max-width: none;
}
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender {
margin: 8px 0;
}
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
padding: 0;
opacity: 1;
transform: scale(1);
transition: all 0.1s ease;
margin-right: 8px;
}
@media (prefers-reduced-motion: reduce) {
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
transition-duration: 0s;
transition-delay: 0s;
}
}
.block-editor-block-list__block .block-list-appender:first-of-type .block-list-appender__toggle {
margin-right: 0;
}
.is-vertical .block-list-appender {
width: 24px;
margin-left: auto;
@ -1213,6 +1184,10 @@
display: none;
}
.block-editor-block-preview__content-iframe .block-list-appender {
display: none;
}
.block-editor-block-settings-menu__popover .components-dropdown-menu__menu {
padding: 0;
}
@ -1762,20 +1737,6 @@
.block-editor-button-block-appender:active {
color: #000;
}
.block-editor-button-block-appender.block-list-appender__toggle {
display: flex;
flex-direction: row;
box-shadow: none;
height: 24px;
width: 24px;
}
.block-editor-button-block-appender.block-list-appender__toggle > svg {
width: 24px;
background-color: #1e1e1e;
color: #fff;
border-radius: 2px;
flex: 1 0 auto;
}
.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator {
margin-bottom: 12px;
@ -1805,6 +1766,14 @@
margin: 0;
}
/**
* Default block appender.
*
* This component shows up in 3 places:
* - the black plus that sits at the end of the canvas, if the last block isn't a paragraph
* - on the right, inside empty paragraphs
* - absolute positioned and blue inside nesting containers
*/
.block-editor-default-block-appender {
clear: both;
margin-right: auto;
@ -1821,33 +1790,73 @@
display: none;
}
.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,
.block-editor-default-block-appender .block-editor-inserter {
.block-editor-default-block-appender .block-editor-inserter,
.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter {
position: absolute;
top: 0;
height: 32px;
left: 0;
line-height: 0;
}
.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle,
.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle {
margin-left: 0;
}
@media (min-width: 600px) {
.block-editor-block-list__empty-block-inserter,
.block-editor-default-block-appender .block-editor-inserter {
display: flex;
height: 100%;
}
}
.block-editor-block-list__empty-block-inserter:disabled,
.block-editor-default-block-appender .block-editor-inserter:disabled {
.block-editor-default-block-appender .block-editor-inserter:disabled,
.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled {
display: none;
}
.block-editor-default-block-appender.has-visible-prompt .block-editor-inserter,
.block-editor-block-list__empty-block-inserter {
/**
* Fixed position appender.
* These styles apply to all in-canvas inserters that exist inside nesting containers.
*/
.block-editor-block-list__block .block-list-appender {
position: absolute;
list-style: none;
padding: 0;
z-index: 2;
bottom: 0;
left: 0;
}
.block-editor-block-list__block .block-list-appender.block-list-appender {
margin: 0;
line-height: 0;
}
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender {
height: 24px;
}
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
flex-direction: row;
box-shadow: none;
height: 24px;
width: 24px;
display: none;
padding: 0 !important;
background: #1e1e1e;
color: #fff;
}
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover {
color: #fff;
background: var(--wp-admin-theme-color);
}
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content {
display: none;
}
.block-editor-block-list__block .block-list-appender:only-child {
position: relative;
left: auto;
align-self: center;
list-style: none;
line-height: inherit;
}
.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content {
display: block;
}
.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle,
.block-editor-block-list__block.is-selected > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-block-list__block.is-selected > .block-list-appender .block-list-appender__toggle {
display: flex;
}
.block-editor-duotone-control__popover > .components-popover__content > div {
padding: 16px;
@ -2384,16 +2393,11 @@
.block-editor-block-list__layout.has-overlay::after {
content: "";
position: absolute;
top: -14px;
left: -14px;
bottom: -14px;
right: -14px;
z-index: 60;
}
[data-align=full] .has-overlay::after {
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 60;
}
.block-editor-block-types-list__list-item {

File diff suppressed because one or more lines are too long

View File

@ -728,35 +728,6 @@
display: none;
}
.block-editor-block-list__block .block-list-appender {
align-self: center;
padding: 0;
list-style: none;
margin-bottom: revert;
}
.block-editor-block-list__block .block-list-appender.wp-block {
max-width: none;
}
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender {
margin: 8px 0;
}
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
padding: 0;
opacity: 1;
transform: scale(1);
transition: all 0.1s ease;
margin-left: 8px;
}
@media (prefers-reduced-motion: reduce) {
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
transition-duration: 0s;
transition-delay: 0s;
}
}
.block-editor-block-list__block .block-list-appender:first-of-type .block-list-appender__toggle {
margin-left: 0;
}
.is-vertical .block-list-appender {
width: 24px;
margin-right: auto;
@ -1213,6 +1184,10 @@
display: none;
}
.block-editor-block-preview__content-iframe .block-list-appender {
display: none;
}
.block-editor-block-settings-menu__popover .components-dropdown-menu__menu {
padding: 0;
}
@ -1762,20 +1737,6 @@
.block-editor-button-block-appender:active {
color: #000;
}
.block-editor-button-block-appender.block-list-appender__toggle {
display: flex;
flex-direction: row;
box-shadow: none;
height: 24px;
width: 24px;
}
.block-editor-button-block-appender.block-list-appender__toggle > svg {
width: 24px;
background-color: #1e1e1e;
color: #fff;
border-radius: 2px;
flex: 1 0 auto;
}
.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator {
margin-bottom: 12px;
@ -1805,6 +1766,14 @@
margin: 0;
}
/**
* Default block appender.
*
* This component shows up in 3 places:
* - the black plus that sits at the end of the canvas, if the last block isn't a paragraph
* - on the right, inside empty paragraphs
* - absolute positioned and blue inside nesting containers
*/
.block-editor-default-block-appender {
clear: both;
margin-left: auto;
@ -1821,33 +1790,73 @@
display: none;
}
.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,
.block-editor-default-block-appender .block-editor-inserter {
.block-editor-default-block-appender .block-editor-inserter,
.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter {
position: absolute;
top: 0;
height: 32px;
right: 0;
line-height: 0;
}
.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle,
.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle {
margin-right: 0;
}
@media (min-width: 600px) {
.block-editor-block-list__empty-block-inserter,
.block-editor-default-block-appender .block-editor-inserter {
display: flex;
height: 100%;
}
}
.block-editor-block-list__empty-block-inserter:disabled,
.block-editor-default-block-appender .block-editor-inserter:disabled {
.block-editor-default-block-appender .block-editor-inserter:disabled,
.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled {
display: none;
}
.block-editor-default-block-appender.has-visible-prompt .block-editor-inserter,
.block-editor-block-list__empty-block-inserter {
/**
* Fixed position appender.
* These styles apply to all in-canvas inserters that exist inside nesting containers.
*/
.block-editor-block-list__block .block-list-appender {
position: absolute;
list-style: none;
padding: 0;
z-index: 2;
bottom: 0;
right: 0;
}
.block-editor-block-list__block .block-list-appender.block-list-appender {
margin: 0;
line-height: 0;
}
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender {
height: 24px;
}
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
flex-direction: row;
box-shadow: none;
height: 24px;
width: 24px;
display: none;
padding: 0 !important;
background: #1e1e1e;
color: #fff;
}
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover {
color: #fff;
background: var(--wp-admin-theme-color);
}
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content {
display: none;
}
.block-editor-block-list__block .block-list-appender:only-child {
position: relative;
right: auto;
align-self: center;
list-style: none;
line-height: inherit;
}
.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content {
display: block;
}
.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle,
.block-editor-block-list__block.is-selected > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-block-list__block.is-selected > .block-list-appender .block-list-appender__toggle {
display: flex;
}
.block-editor-duotone-control__popover > .components-popover__content > div {
padding: 16px;
@ -2384,16 +2393,11 @@
.block-editor-block-list__layout.has-overlay::after {
content: "";
position: absolute;
top: -14px;
right: -14px;
bottom: -14px;
left: -14px;
z-index: 60;
}
[data-align=full] .has-overlay::after {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 60;
}
.block-editor-block-types-list__list-item {

File diff suppressed because one or more lines are too long

View File

@ -2085,16 +2085,13 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
.wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
display: flex;
}
.wp-block-social-links__social-placeholder + .block-list-appender,
.wp-block-social-links__social-placeholder .wp-social-link {
padding: 0.25em;
}
.is-style-pill-shape .wp-block-social-links__social-placeholder + .block-list-appender,
.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link {
padding-right: calc((2/3) * 1em);
padding-left: calc((2/3) * 1em);
}
.is-style-logos-only .wp-block-social-links__social-placeholder + .block-list-appender,
.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link {
padding: 0;
}
@ -2110,6 +2107,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
}
.wp-block-social-links .wp-block-social-links__social-prompt {
min-height: 24px;
list-style: none;
order: 2;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@ -2120,38 +2118,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
cursor: default;
padding-left: 8px;
}
.wp-block-social-links .wp-block-social-links__social-prompt + .block-list-appender {
margin-left: 8px;
padding: 0.25em;
}
.wp-block-social-links .block-list-appender {
margin: 4px 0 4px auto;
border-radius: 9999px;
}
.wp-block-social-links .block-list-appender .block-editor-inserter {
display: flex;
align-items: center;
justify-content: center;
font-size: inherit;
width: 1em;
height: 1em;
}
.has-small-icon-size .wp-block-social-links .block-list-appender {
font-size: 16px;
}
.has-normal-icon-size .wp-block-social-links .block-list-appender {
font-size: 24px;
}
.has-large-icon-size .wp-block-social-links .block-list-appender {
font-size: 36px;
}
.has-huge-icon-size .wp-block-social-links .block-list-appender {
font-size: 48px;
}
.wp-block-social-links .block-list-appender::before {
content: none;
}
.wp-block[data-align=center] > .wp-block-social-links {
justify-content: center;
@ -2496,30 +2462,114 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
margin-right: 0;
}
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder,
.wp-block-post-featured-image.wp-block-post-featured-image .components-resizable-box__container {
border-radius: inherit;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder {
justify-content: center;
align-items: center;
box-shadow: none;
padding: 0;
color: currentColor;
background: transparent;
min-height: 200px;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-form-file-upload {
display: none;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__preview,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__preview {
position: absolute;
top: 4px;
left: 4px;
bottom: 4px;
right: 4px;
background: rgba(255, 255, 255, 0.8);
display: flex;
align-items: center;
justify-content: center;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder::before,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border: 1px dashed currentColor;
opacity: 0.3;
pointer-events: none;
border-radius: inherit;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__fieldset,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__fieldset {
width: auto;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button {
color: inherit;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
border-radius: 50%;
position: relative;
visibility: hidden;
background: transparent;
transition: all 0.1s linear;
}
@media (prefers-reduced-motion: reduce) {
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button {
transition-duration: 0s;
transition-delay: 0s;
}
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button > svg,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button > svg {
color: #fff;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__illustration,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__illustration {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
stroke: currentColor;
stroke-dasharray: 3;
opacity: 0.3;
}
.wp-block-post-featured-image.wp-block-post-featured-image[style*=height] .components-placeholder {
min-height: 48px;
min-width: 48px;
height: 100%;
width: 100%;
}
.wp-block-post-featured-image.wp-block-post-featured-image.is-selected .components-button.components-button {
background: var(--wp-admin-theme-color);
border-color: var(--wp-admin-theme-color);
border-style: solid;
color: #fff;
opacity: 1;
visibility: visible;
}
div[data-type="core/post-featured-image"] img {
max-width: 100%;
height: auto;
display: block;
}
.editor-styles-wrapper .post-featured-image_placeholder {
display: flex;
flex-direction: row;
align-items: center;
border-radius: 2px;
background-color: #fff;
box-shadow: inset 0 0 0 1px #1e1e1e;
padding: 12px;
}
.editor-styles-wrapper .post-featured-image_placeholder svg {
margin-left: 12px;
}
.editor-styles-wrapper .post-featured-image_placeholder p {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
margin: 0;
}
.block-library-post-featured-image-dimension-controls {
margin-bottom: 8px;
}

File diff suppressed because one or more lines are too long

View File

@ -2090,16 +2090,13 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
.wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
display: flex;
}
.wp-block-social-links__social-placeholder + .block-list-appender,
.wp-block-social-links__social-placeholder .wp-social-link {
padding: 0.25em;
}
.is-style-pill-shape .wp-block-social-links__social-placeholder + .block-list-appender,
.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link {
padding-left: calc((2/3) * 1em);
padding-right: calc((2/3) * 1em);
}
.is-style-logos-only .wp-block-social-links__social-placeholder + .block-list-appender,
.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link {
padding: 0;
}
@ -2115,6 +2112,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
}
.wp-block-social-links .wp-block-social-links__social-prompt {
min-height: 24px;
list-style: none;
order: 2;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@ -2125,38 +2123,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
cursor: default;
padding-right: 8px;
}
.wp-block-social-links .wp-block-social-links__social-prompt + .block-list-appender {
margin-right: 8px;
padding: 0.25em;
}
.wp-block-social-links .block-list-appender {
margin: 4px auto 4px 0;
border-radius: 9999px;
}
.wp-block-social-links .block-list-appender .block-editor-inserter {
display: flex;
align-items: center;
justify-content: center;
font-size: inherit;
width: 1em;
height: 1em;
}
.has-small-icon-size .wp-block-social-links .block-list-appender {
font-size: 16px;
}
.has-normal-icon-size .wp-block-social-links .block-list-appender {
font-size: 24px;
}
.has-large-icon-size .wp-block-social-links .block-list-appender {
font-size: 36px;
}
.has-huge-icon-size .wp-block-social-links .block-list-appender {
font-size: 48px;
}
.wp-block-social-links .block-list-appender::before {
content: none;
}
.wp-block[data-align=center] > .wp-block-social-links {
justify-content: center;
@ -2504,30 +2470,114 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
margin-right: 0;
}
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder,
.wp-block-post-featured-image.wp-block-post-featured-image .components-resizable-box__container {
border-radius: inherit;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder {
justify-content: center;
align-items: center;
box-shadow: none;
padding: 0;
color: currentColor;
background: transparent;
min-height: 200px;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-form-file-upload {
display: none;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__preview,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__preview {
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
background: rgba(255, 255, 255, 0.8);
display: flex;
align-items: center;
justify-content: center;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder::before,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px dashed currentColor;
opacity: 0.3;
pointer-events: none;
border-radius: inherit;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__fieldset,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__fieldset {
width: auto;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button {
color: inherit;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
border-radius: 50%;
position: relative;
visibility: hidden;
background: transparent;
transition: all 0.1s linear;
}
@media (prefers-reduced-motion: reduce) {
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button {
transition-duration: 0s;
transition-delay: 0s;
}
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button > svg,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button > svg {
color: #fff;
}
.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__illustration,
.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__illustration {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
stroke: currentColor;
stroke-dasharray: 3;
opacity: 0.3;
}
.wp-block-post-featured-image.wp-block-post-featured-image[style*=height] .components-placeholder {
min-height: 48px;
min-width: 48px;
height: 100%;
width: 100%;
}
.wp-block-post-featured-image.wp-block-post-featured-image.is-selected .components-button.components-button {
background: var(--wp-admin-theme-color);
border-color: var(--wp-admin-theme-color);
border-style: solid;
color: #fff;
opacity: 1;
visibility: visible;
}
div[data-type="core/post-featured-image"] img {
max-width: 100%;
height: auto;
display: block;
}
.editor-styles-wrapper .post-featured-image_placeholder {
display: flex;
flex-direction: row;
align-items: center;
border-radius: 2px;
background-color: #fff;
box-shadow: inset 0 0 0 1px #1e1e1e;
padding: 12px;
}
.editor-styles-wrapper .post-featured-image_placeholder svg {
margin-right: 12px;
}
.editor-styles-wrapper .post-featured-image_placeholder p {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
margin: 0;
}
.block-library-post-featured-image-dimension-controls {
margin-bottom: 8px;
}

File diff suppressed because one or more lines are too long

View File

@ -398,17 +398,23 @@
background-size: auto;
}
.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]) {
.wp-block-cover-image .has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]),
.wp-block-cover .has-background-dim:not([class*=-background-color]) {
background-color: #000;
}
.wp-block-cover-image.has-background-dim::before,
.wp-block-cover.has-background-dim::before {
.wp-block-cover-image .has-background-dim::before,
.wp-block-cover.has-background-dim::before,
.wp-block-cover .has-background-dim::before {
content: "";
background-color: inherit;
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover-image .has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover .has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
@ -1525,17 +1531,22 @@ ul.has-background {
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
align-self: center;
height: inherit;
line-height: 0;
margin-right: 6px;
display: inline-block;
vertical-align: middle;
padding: 0;
background-color: inherit;
color: currentColor;
border: none;
margin-right: 0.25em;
width: 0.6em;
height: 0.6em;
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
display: inline-block;
stroke: currentColor;
width: inherit;
height: inherit;
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
@ -1620,6 +1631,28 @@ ul.has-background {
}
}
.wp-block-navigation-submenu {
position: relative;
display: flex;
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
stroke: currentColor;
}
button.wp-block-navigation-item__content {
background-color: transparent;
border: none;
color: currentColor;
font-size: inherit;
font-family: inherit;
line-height: inherit;
text-align: right;
}
.wp-block-navigation-submenu__toggle {
cursor: pointer;
}
/**
* Margins
*/
@ -1694,6 +1727,11 @@ ul.has-background {
display: none;
}
.wp-block-navigation__container:only-child,
.wp-block-page-list:only-child {
flex-grow: 1;
}
/**
* Mobile menu.
*/
@ -1712,6 +1750,10 @@ ul.has-background {
justify-content: var(--layout-justify, initial);
align-items: var(--layout-align, initial);
}
.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
color: inherit !important;
background-color: inherit !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
display: flex;
flex-direction: column;
@ -1765,7 +1807,8 @@ ul.has-background {
align-items: var(--layout-justification-setting, initial);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
color: inherit !important;
background: transparent !important;
}
@ -1849,28 +1892,6 @@ html.has-modal-open {
overflow-wrap: break-word;
}
.wp-block-navigation-submenu {
position: relative;
display: flex;
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
stroke: currentColor;
}
button.wp-block-navigation-item__content {
background-color: transparent;
border: none;
color: currentColor;
font-size: inherit;
font-family: inherit;
line-height: inherit;
text-align: right;
}
.wp-block-navigation-submenu__toggle {
cursor: pointer;
}
.wp-block-navigation .wp-block-home-link__content {
color: inherit;
display: block;
@ -2059,6 +2080,24 @@ p.has-background {
border: none;
}
.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) {
font-weight: inherit;
}
.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) {
font-family: inherit;
}
.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title), .wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) {
font-size: inherit;
}
.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) {
line-height: inherit;
}
.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) {
font-style: inherit;
}
.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) {
letter-spacing: inherit;
}
.wp-block-post-comments-form input[type=submit] {
border: none;
box-shadow: none;

File diff suppressed because one or more lines are too long

View File

@ -401,17 +401,23 @@
background-size: auto;
}
.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]) {
.wp-block-cover-image .has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]),
.wp-block-cover .has-background-dim:not([class*=-background-color]) {
background-color: #000;
}
.wp-block-cover-image.has-background-dim::before,
.wp-block-cover.has-background-dim::before {
.wp-block-cover-image .has-background-dim::before,
.wp-block-cover.has-background-dim::before,
.wp-block-cover .has-background-dim::before {
content: "";
background-color: inherit;
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover-image .has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover .has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
@ -1547,17 +1553,22 @@ ul.has-background {
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
align-self: center;
height: inherit;
line-height: 0;
margin-left: 6px;
display: inline-block;
vertical-align: middle;
padding: 0;
background-color: inherit;
color: currentColor;
border: none;
margin-left: 0.25em;
width: 0.6em;
height: 0.6em;
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
display: inline-block;
stroke: currentColor;
width: inherit;
height: inherit;
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
@ -1642,6 +1653,28 @@ ul.has-background {
}
}
.wp-block-navigation-submenu {
position: relative;
display: flex;
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
stroke: currentColor;
}
button.wp-block-navigation-item__content {
background-color: transparent;
border: none;
color: currentColor;
font-size: inherit;
font-family: inherit;
line-height: inherit;
text-align: left;
}
.wp-block-navigation-submenu__toggle {
cursor: pointer;
}
/**
* Margins
*/
@ -1716,6 +1749,11 @@ ul.has-background {
display: none;
}
.wp-block-navigation__container:only-child,
.wp-block-page-list:only-child {
flex-grow: 1;
}
/**
* Mobile menu.
*/
@ -1734,6 +1772,10 @@ ul.has-background {
justify-content: var(--layout-justify, initial);
align-items: var(--layout-align, initial);
}
.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
color: inherit !important;
background-color: inherit !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
display: flex;
flex-direction: column;
@ -1787,7 +1829,8 @@ ul.has-background {
align-items: var(--layout-justification-setting, initial);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
color: inherit !important;
background: transparent !important;
}
@ -1871,28 +1914,6 @@ html.has-modal-open {
overflow-wrap: break-word;
}
.wp-block-navigation-submenu {
position: relative;
display: flex;
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
stroke: currentColor;
}
button.wp-block-navigation-item__content {
background-color: transparent;
border: none;
color: currentColor;
font-size: inherit;
font-family: inherit;
line-height: inherit;
text-align: left;
}
.wp-block-navigation-submenu__toggle {
cursor: pointer;
}
.wp-block-navigation .wp-block-home-link__content {
color: inherit;
display: block;
@ -2081,6 +2102,24 @@ p.has-background {
border: none;
}
.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) {
font-weight: inherit;
}
.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) {
font-family: inherit;
}
.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title), .wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) {
font-size: inherit;
}
.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) {
line-height: inherit;
}
.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) {
font-style: inherit;
}
.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) {
letter-spacing: inherit;
}
.wp-block-post-comments-form input[type=submit] {
border: none;
box-shadow: none;

File diff suppressed because one or more lines are too long

View File

@ -83,7 +83,7 @@
color: rgba(255, 255, 255, 0.65);
}
.wp-block-code {
.wp-block-code > code {
font-family: Menlo, Consolas, monaco, monospace;
color: #1e1e1e;
padding: 0.8em 1em;

View File

@ -1 +1 @@
.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-code{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-pullquote{border-top:4px solid;border-bottom:4px solid;margin-bottom:1.75em;color:currentColor}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:currentColor;text-transform:uppercase;font-size:.8125em;font-style:normal}.wp-block-quote{border-right:.25em solid;margin:0 0 1.75em;padding-right:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-right:none;border-left:.25em solid;padding-right:0;padding-left:1em}.wp-block-quote.has-text-align-center{border:none;padding-right:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group:where(.has-background){padding:1.25em 2.375em}.wp-block-separator{border:none;border-bottom:2px solid;margin-right:auto;margin-left:auto;opacity:.4}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}
.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-code>code{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-pullquote{border-top:4px solid;border-bottom:4px solid;margin-bottom:1.75em;color:currentColor}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:currentColor;text-transform:uppercase;font-size:.8125em;font-style:normal}.wp-block-quote{border-right:.25em solid;margin:0 0 1.75em;padding-right:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-right:none;border-left:.25em solid;padding-right:0;padding-left:1em}.wp-block-quote.has-text-align-center{border:none;padding-right:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group:where(.has-background){padding:1.25em 2.375em}.wp-block-separator{border:none;border-bottom:2px solid;margin-right:auto;margin-left:auto;opacity:.4}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}

View File

@ -83,7 +83,7 @@
color: rgba(255, 255, 255, 0.65);
}
.wp-block-code {
.wp-block-code > code {
font-family: Menlo, Consolas, monaco, monospace;
color: #1e1e1e;
padding: 0.8em 1em;

View File

@ -1 +1 @@
.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-code{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-pullquote{border-top:4px solid;border-bottom:4px solid;margin-bottom:1.75em;color:currentColor}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:currentColor;text-transform:uppercase;font-size:.8125em;font-style:normal}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group:where(.has-background){padding:1.25em 2.375em}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto;opacity:.4}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}
.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-code>code{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-pullquote{border-top:4px solid;border-bottom:4px solid;margin-bottom:1.75em;color:currentColor}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:currentColor;text-transform:uppercase;font-size:.8125em;font-style:normal}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group:where(.has-background){padding:1.25em 2.375em}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto;opacity:.4}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}

View File

@ -815,20 +815,18 @@ body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .compone
z-index: 99998;
}
.edit-site-navigation-link {
.edit-site-navigation-toggle {
align-items: center;
background: #1e1e1e;
border-radius: 0;
display: flex;
position: absolute;
top: 0;
right: 0;
z-index: 31;
height: 60px;
width: 60px;
}
.edit-site-navigation-link__button {
.edit-site-navigation-toggle__button {
align-items: center;
background: #1e1e1e;
border-radius: 0;
@ -838,16 +836,16 @@ body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .compone
z-index: 1;
margin-bottom: -1px;
}
.edit-site-navigation-link__button.has-icon {
.edit-site-navigation-toggle__button.has-icon {
min-width: 60px;
}
.edit-site-navigation-link__button.has-icon:hover, .edit-site-navigation-link__button.has-icon:active, .edit-site-navigation-link__button.has-icon:focus {
.edit-site-navigation-toggle__button.has-icon:hover, .edit-site-navigation-toggle__button.has-icon:active {
color: #fff;
}
.edit-site-navigation-link__button.has-icon:focus {
.edit-site-navigation-toggle__button.has-icon:focus {
box-shadow: none;
}
.edit-site-navigation-link__button.has-icon::before {
.edit-site-navigation-toggle__button.has-icon::before {
transition: box-shadow 0.1s ease;
content: "";
display: block;
@ -860,23 +858,301 @@ body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .compone
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e;
}
@media (prefers-reduced-motion: reduce) {
.edit-site-navigation-link__button.has-icon::before {
.edit-site-navigation-toggle__button.has-icon::before {
transition-duration: 0s;
transition-delay: 0s;
}
}
.edit-site-navigation-link__button.has-icon:hover::before {
.edit-site-navigation-toggle__button.has-icon:hover::before {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #757575;
}
.edit-site-navigation-link__button.has-icon:focus::before {
.edit-site-navigation-toggle__button.has-icon:focus::before {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(255, 255, 255, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.edit-site-navigation-link__site-icon {
.edit-site-navigation-toggle__site-icon {
width: 36px;
border-radius: 2px;
}
.edit-site-navigation-panel {
height: 100%;
position: relative;
width: 0;
overflow: hidden;
background: #1e1e1e;
color: #fff;
transition: width 100ms linear;
}
@media (prefers-reduced-motion: reduce) {
.edit-site-navigation-panel {
transition-duration: 0s;
transition-delay: 0s;
}
}
@media (min-width: 782px) {
.interface-interface-skeleton.has-footer .edit-site-navigation-panel {
height: calc(100% - 25px);
}
}
.edit-site-navigation-panel__inner {
position: relative;
width: 300px;
height: 100%;
overflow: hidden;
visibility: hidden;
transition: visibility 100ms linear;
}
@media (prefers-reduced-motion: reduce) {
.edit-site-navigation-panel__inner {
transition-duration: 0s;
transition-delay: 0s;
}
}
.edit-site-navigation-panel.is-open {
width: 300px;
}
.edit-site-navigation-panel.is-open .edit-site-navigation-panel__inner {
visibility: visible;
}
.edit-site-navigation-panel__site-title-container {
height: 60px;
padding-right: 60px;
margin: 0 8px 0 16px;
display: flex;
align-items: center;
}
.edit-site-navigation-panel__site-title {
font-style: normal;
font-weight: 600;
font-size: 14px;
/* Matches menu items */
line-height: 20px;
color: #ddd;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.edit-site-navigation-panel__scroll-container {
overflow-x: hidden;
overflow-y: auto;
height: calc(100% - 60px);
}
.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary {
height: 36px;
margin-top: 24px;
padding: 8px 8px 8px 16px;
}
.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary:focus:not(:disabled) {
border-bottom-color: transparent;
}
.edit-site-navigation-panel__preview {
display: none;
border: 1px solid #ccc;
width: 300px;
padding: 16px;
background: #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
border-radius: 2px;
position: absolute;
top: 73px;
right: 312px;
color: #1e1e1e;
z-index: 32;
}
@media (min-width: 782px) {
.edit-site-navigation-panel__preview {
display: block;
}
}
.edit-site-navigation-panel__template-item {
display: block;
}
.edit-site-navigation-panel__template-item .components-button {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
height: auto;
min-height: 36px;
text-align: right;
padding-right: 16px;
padding-left: 16px;
color: inherit;
}
.edit-site-navigation-panel__template-item-title {
font-size: 14px;
line-height: 20px;
}
.edit-site-navigation-panel__template-item-title em {
margin-left: 1ch;
}
.edit-site-navigation-panel__template-parts .components-navigation__menu-title-heading {
text-transform: capitalize;
}
.edit-site-navigation-panel__template-part-item .components-navigation__item-title {
text-transform: capitalize;
}
.components-navigation__item + .edit-site-navigation-panel__template-item {
margin-top: 16px;
}
.edit-site-navigation-panel__template-item + .edit-site-navigation-panel__template-item {
margin-top: 8px;
}
.edit-site-navigation-panel__info-wrapper {
padding: 4px 0;
}
.edit-site-navigation-panel__template-item-description {
padding-top: 8px;
font-size: 12px;
line-height: 16px;
}
.edit-site-navigation-panel__new-template-dropdown {
margin: 0 12px 0 0;
}
.edit-site-navigation-panel__new-template-dropdown button {
margin: 0;
}
@media (min-width: 600px) {
.edit-site-navigation-panel__new-template-popover {
min-width: 300px;
}
}
.edit-site-list-header {
position: relative;
align-items: center;
background-color: #fff;
display: flex;
height: 60px;
box-sizing: border-box;
width: 100%;
justify-content: flex-end;
padding-left: 16px;
}
body.is-fullscreen-mode .edit-site-list-header {
padding-right: 60px;
transition: padding-right 20ms linear;
transition-delay: 80ms;
}
@media (prefers-reduced-motion: reduce) {
body.is-fullscreen-mode .edit-site-list-header {
transition-duration: 0s;
transition-delay: 0s;
}
}
.edit-site-list-header .edit-site-list-header__title {
position: absolute;
right: 0;
width: 100%;
text-align: center;
font-size: 20px;
padding: 0;
margin: 0;
}
.edit-site-list-header__right {
position: relative;
}
.edit-site .edit-site-list .interface-interface-skeleton__editor {
min-width: 100%;
}
@media (min-width: 782px) {
.edit-site .edit-site-list .interface-interface-skeleton__editor {
min-width: 0;
}
}
.edit-site .edit-site-list .interface-interface-skeleton__content {
background: #fff;
}
.edit-site-list-main {
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
@media (min-width: 782px) {
.edit-site-list-main {
padding: 72px;
}
}
.edit-site-list-table {
width: 100%;
border: 1px solid #e0e0e0;
border-radius: 2px;
margin: 0;
overflow: hidden;
}
.edit-site-list-table li {
display: flex;
align-items: center;
padding: 16px;
box-sizing: border-box;
border-top: 1px solid #f0f0f0;
margin: 0;
}
@media (min-width: 782px) {
.edit-site-list-table li {
padding: 24px 32px;
}
}
.edit-site-list-table li .edit-site-list-table-column:nth-child(1) {
width: calc(60% - 36px);
}
.edit-site-list-table li .edit-site-list-table-column:nth-child(1) a {
display: block;
text-decoration: none;
font-weight: 500;
margin-bottom: 4px;
}
.edit-site-list-table li .edit-site-list-table-column:nth-child(2) {
width: calc(40% - 36px);
}
.edit-site-list-table li .edit-site-list-table-column:nth-child(3) {
min-width: 36px;
}
.edit-site-list-table li.edit-site-list-table-head {
border-bottom: 1px solid #e0e0e0;
font-size: 16px;
font-weight: 500;
text-align: right;
color: #000;
border-top: none;
}
.edit-site-list-table li.edit-site-list-table-head + li {
border-top: 0;
}
.edit-site-new-template-dropdown .components-dropdown-menu__toggle {
padding: 6px 12px;
}
@media (min-width: 600px) {
.edit-site-new-template-dropdown .edit-site-new-template-dropdown__popover {
min-width: 300px;
}
}
.edit-site-sidebar {
width: 280px;
}
@ -1072,6 +1348,14 @@ h3.edit-site-template-card__template-areas-title {
padding: 0;
}
html #wpadminbar {
display: none;
}
html.wp-toolbar {
padding-top: 0;
}
.edit-site-editor__toggle-save-panel {
z-index: 100000;
position: fixed !important;
@ -1208,67 +1492,67 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff;
}
.edit-site-template-part-converter__modal {
.edit-site-create-template-part-modal {
z-index: 1000001;
}
@media (min-width: 600px) {
.edit-site-template-part-converter__modal .components-modal__frame {
.edit-site-create-template-part-modal .components-modal__frame {
max-width: 500px;
}
}
.edit-site-template-part-converter__convert-modal-actions {
.edit-site-create-template-part-modal__modal-actions {
padding-top: 12px;
}
.edit-site-template-part-converter__area-base-control .components-base-control__label {
.edit-site-create-template-part-modal__area-base-control .components-base-control__label {
margin: 16px 0 8px;
cursor: auto;
}
.edit-site-template-part-converter__area-radio-group {
.edit-site-create-template-part-modal__area-radio-group {
width: 100%;
border: 1px solid #757575;
border-radius: 2px;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio {
display: block;
width: 100%;
height: 100%;
text-align: right;
padding: 12px;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio, .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio.is-secondary:hover, .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio.is-primary:hover {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover {
margin: 0;
background-color: inherit;
border-bottom: 1px solid #757575;
border-radius: 0;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio:not(:focus), .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio.is-secondary:hover:not(:focus), .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio.is-primary:hover:not(:focus) {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:focus), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:not(:focus), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:not(:focus) {
box-shadow: none;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio:focus, .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio.is-secondary:hover:focus, .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio.is-primary:hover:focus {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:focus, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:focus, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:focus {
border-bottom: 1px solid #fff;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio:last-of-type, .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio.is-secondary:hover:last-of-type, .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio.is-primary:hover:last-of-type {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:last-of-type, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:last-of-type, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:last-of-type {
border-bottom: none;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio:not(:hover), .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio[aria-checked=true] {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] {
color: #1e1e1e;
cursor: auto;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio:not(:hover) .edit-site-template-part-converter__option-label div, .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio[aria-checked=true] .edit-site-template-part-converter__option-label div {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover) .edit-site-create-template-part-modal__option-label div, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] .edit-site-create-template-part-modal__option-label div {
color: #949494;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio .edit-site-template-part-converter__option-label {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label {
padding-top: 4px;
white-space: normal;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio .edit-site-template-part-converter__option-label div {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label div {
padding-top: 4px;
font-size: 12px;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio .edit-site-template-part-converter__checkbox {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__checkbox {
margin-right: auto;
min-width: 24px;
}
@ -1322,6 +1606,40 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
padding: 8px;
}
.edit-site-welcome-guide {
width: 312px;
}
.edit-site-welcome-guide__image {
background: #00a0d2;
margin: 0 0 16px;
}
.edit-site-welcome-guide__image > img {
display: block;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.edit-site-welcome-guide__heading {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 24px;
line-height: 1.4;
margin: 16px 0 16px 0;
padding: 0 32px;
}
.edit-site-welcome-guide__text {
font-size: 13px;
line-height: 1.4;
margin: 0 0 16px 0;
padding: 0 32px;
}
.edit-site-welcome-guide__text img {
vertical-align: bottom;
}
.edit-site-welcome-guide__inserter-icon {
margin: 0 4px;
vertical-align: text-top;
}
html.wp-toolbar {
background: #fff;
}
@ -1382,16 +1700,14 @@ body.site-editor-php .media-frame select.attachment-filters:last-of-type {
.edit-site {
bottom: 0;
right: 0;
min-height: calc(100vh - 46px);
min-height: 100vh;
position: absolute;
left: 0;
top: 0;
}
}
@media (min-width: 782px) {
.edit-site {
min-height: calc(100vh - 32px);
}
.edit-site .interface-interface-skeleton {
top: 0;
}
.edit-site .interface-complementary-area__pin-unpin-item.components-button {
display: none;

File diff suppressed because one or more lines are too long

View File

@ -815,20 +815,18 @@ body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .compone
z-index: 99998;
}
.edit-site-navigation-link {
.edit-site-navigation-toggle {
align-items: center;
background: #1e1e1e;
border-radius: 0;
display: flex;
position: absolute;
top: 0;
left: 0;
z-index: 31;
height: 60px;
width: 60px;
}
.edit-site-navigation-link__button {
.edit-site-navigation-toggle__button {
align-items: center;
background: #1e1e1e;
border-radius: 0;
@ -838,16 +836,16 @@ body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .compone
z-index: 1;
margin-bottom: -1px;
}
.edit-site-navigation-link__button.has-icon {
.edit-site-navigation-toggle__button.has-icon {
min-width: 60px;
}
.edit-site-navigation-link__button.has-icon:hover, .edit-site-navigation-link__button.has-icon:active, .edit-site-navigation-link__button.has-icon:focus {
.edit-site-navigation-toggle__button.has-icon:hover, .edit-site-navigation-toggle__button.has-icon:active {
color: #fff;
}
.edit-site-navigation-link__button.has-icon:focus {
.edit-site-navigation-toggle__button.has-icon:focus {
box-shadow: none;
}
.edit-site-navigation-link__button.has-icon::before {
.edit-site-navigation-toggle__button.has-icon::before {
transition: box-shadow 0.1s ease;
content: "";
display: block;
@ -860,23 +858,301 @@ body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .compone
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e;
}
@media (prefers-reduced-motion: reduce) {
.edit-site-navigation-link__button.has-icon::before {
.edit-site-navigation-toggle__button.has-icon::before {
transition-duration: 0s;
transition-delay: 0s;
}
}
.edit-site-navigation-link__button.has-icon:hover::before {
.edit-site-navigation-toggle__button.has-icon:hover::before {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #757575;
}
.edit-site-navigation-link__button.has-icon:focus::before {
.edit-site-navigation-toggle__button.has-icon:focus::before {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(255, 255, 255, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.edit-site-navigation-link__site-icon {
.edit-site-navigation-toggle__site-icon {
width: 36px;
border-radius: 2px;
}
.edit-site-navigation-panel {
height: 100%;
position: relative;
width: 0;
overflow: hidden;
background: #1e1e1e;
color: #fff;
transition: width 100ms linear;
}
@media (prefers-reduced-motion: reduce) {
.edit-site-navigation-panel {
transition-duration: 0s;
transition-delay: 0s;
}
}
@media (min-width: 782px) {
.interface-interface-skeleton.has-footer .edit-site-navigation-panel {
height: calc(100% - 25px);
}
}
.edit-site-navigation-panel__inner {
position: relative;
width: 300px;
height: 100%;
overflow: hidden;
visibility: hidden;
transition: visibility 100ms linear;
}
@media (prefers-reduced-motion: reduce) {
.edit-site-navigation-panel__inner {
transition-duration: 0s;
transition-delay: 0s;
}
}
.edit-site-navigation-panel.is-open {
width: 300px;
}
.edit-site-navigation-panel.is-open .edit-site-navigation-panel__inner {
visibility: visible;
}
.edit-site-navigation-panel__site-title-container {
height: 60px;
padding-left: 60px;
margin: 0 16px 0 8px;
display: flex;
align-items: center;
}
.edit-site-navigation-panel__site-title {
font-style: normal;
font-weight: 600;
font-size: 14px;
/* Matches menu items */
line-height: 20px;
color: #ddd;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.edit-site-navigation-panel__scroll-container {
overflow-x: hidden;
overflow-y: auto;
height: calc(100% - 60px);
}
.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary {
height: 36px;
margin-top: 24px;
padding: 8px 16px 8px 8px;
}
.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary:focus:not(:disabled) {
border-bottom-color: transparent;
}
.edit-site-navigation-panel__preview {
display: none;
border: 1px solid #ccc;
width: 300px;
padding: 16px;
background: #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
border-radius: 2px;
position: absolute;
top: 73px;
left: 312px;
color: #1e1e1e;
z-index: 32;
}
@media (min-width: 782px) {
.edit-site-navigation-panel__preview {
display: block;
}
}
.edit-site-navigation-panel__template-item {
display: block;
}
.edit-site-navigation-panel__template-item .components-button {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
height: auto;
min-height: 36px;
text-align: left;
padding-left: 16px;
padding-right: 16px;
color: inherit;
}
.edit-site-navigation-panel__template-item-title {
font-size: 14px;
line-height: 20px;
}
.edit-site-navigation-panel__template-item-title em {
margin-right: 1ch;
}
.edit-site-navigation-panel__template-parts .components-navigation__menu-title-heading {
text-transform: capitalize;
}
.edit-site-navigation-panel__template-part-item .components-navigation__item-title {
text-transform: capitalize;
}
.components-navigation__item + .edit-site-navigation-panel__template-item {
margin-top: 16px;
}
.edit-site-navigation-panel__template-item + .edit-site-navigation-panel__template-item {
margin-top: 8px;
}
.edit-site-navigation-panel__info-wrapper {
padding: 4px 0;
}
.edit-site-navigation-panel__template-item-description {
padding-top: 8px;
font-size: 12px;
line-height: 16px;
}
.edit-site-navigation-panel__new-template-dropdown {
margin: 0 0 0 12px;
}
.edit-site-navigation-panel__new-template-dropdown button {
margin: 0;
}
@media (min-width: 600px) {
.edit-site-navigation-panel__new-template-popover {
min-width: 300px;
}
}
.edit-site-list-header {
position: relative;
align-items: center;
background-color: #fff;
display: flex;
height: 60px;
box-sizing: border-box;
width: 100%;
justify-content: flex-end;
padding-right: 16px;
}
body.is-fullscreen-mode .edit-site-list-header {
padding-left: 60px;
transition: padding-left 20ms linear;
transition-delay: 80ms;
}
@media (prefers-reduced-motion: reduce) {
body.is-fullscreen-mode .edit-site-list-header {
transition-duration: 0s;
transition-delay: 0s;
}
}
.edit-site-list-header .edit-site-list-header__title {
position: absolute;
left: 0;
width: 100%;
text-align: center;
font-size: 20px;
padding: 0;
margin: 0;
}
.edit-site-list-header__right {
position: relative;
}
.edit-site .edit-site-list .interface-interface-skeleton__editor {
min-width: 100%;
}
@media (min-width: 782px) {
.edit-site .edit-site-list .interface-interface-skeleton__editor {
min-width: 0;
}
}
.edit-site .edit-site-list .interface-interface-skeleton__content {
background: #fff;
}
.edit-site-list-main {
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
@media (min-width: 782px) {
.edit-site-list-main {
padding: 72px;
}
}
.edit-site-list-table {
width: 100%;
border: 1px solid #e0e0e0;
border-radius: 2px;
margin: 0;
overflow: hidden;
}
.edit-site-list-table li {
display: flex;
align-items: center;
padding: 16px;
box-sizing: border-box;
border-top: 1px solid #f0f0f0;
margin: 0;
}
@media (min-width: 782px) {
.edit-site-list-table li {
padding: 24px 32px;
}
}
.edit-site-list-table li .edit-site-list-table-column:nth-child(1) {
width: calc(60% - 36px);
}
.edit-site-list-table li .edit-site-list-table-column:nth-child(1) a {
display: block;
text-decoration: none;
font-weight: 500;
margin-bottom: 4px;
}
.edit-site-list-table li .edit-site-list-table-column:nth-child(2) {
width: calc(40% - 36px);
}
.edit-site-list-table li .edit-site-list-table-column:nth-child(3) {
min-width: 36px;
}
.edit-site-list-table li.edit-site-list-table-head {
border-bottom: 1px solid #e0e0e0;
font-size: 16px;
font-weight: 500;
text-align: left;
color: #000;
border-top: none;
}
.edit-site-list-table li.edit-site-list-table-head + li {
border-top: 0;
}
.edit-site-new-template-dropdown .components-dropdown-menu__toggle {
padding: 6px 12px;
}
@media (min-width: 600px) {
.edit-site-new-template-dropdown .edit-site-new-template-dropdown__popover {
min-width: 300px;
}
}
.edit-site-sidebar {
width: 280px;
}
@ -1072,6 +1348,14 @@ h3.edit-site-template-card__template-areas-title {
padding: 0;
}
html #wpadminbar {
display: none;
}
html.wp-toolbar {
padding-top: 0;
}
.edit-site-editor__toggle-save-panel {
z-index: 100000;
position: fixed !important;
@ -1208,67 +1492,67 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff;
}
.edit-site-template-part-converter__modal {
.edit-site-create-template-part-modal {
z-index: 1000001;
}
@media (min-width: 600px) {
.edit-site-template-part-converter__modal .components-modal__frame {
.edit-site-create-template-part-modal .components-modal__frame {
max-width: 500px;
}
}
.edit-site-template-part-converter__convert-modal-actions {
.edit-site-create-template-part-modal__modal-actions {
padding-top: 12px;
}
.edit-site-template-part-converter__area-base-control .components-base-control__label {
.edit-site-create-template-part-modal__area-base-control .components-base-control__label {
margin: 16px 0 8px;
cursor: auto;
}
.edit-site-template-part-converter__area-radio-group {
.edit-site-create-template-part-modal__area-radio-group {
width: 100%;
border: 1px solid #757575;
border-radius: 2px;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio {
display: block;
width: 100%;
height: 100%;
text-align: left;
padding: 12px;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio, .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio.is-secondary:hover, .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio.is-primary:hover {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover {
margin: 0;
background-color: inherit;
border-bottom: 1px solid #757575;
border-radius: 0;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio:not(:focus), .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio.is-secondary:hover:not(:focus), .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio.is-primary:hover:not(:focus) {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:focus), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:not(:focus), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:not(:focus) {
box-shadow: none;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio:focus, .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio.is-secondary:hover:focus, .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio.is-primary:hover:focus {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:focus, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:focus, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:focus {
border-bottom: 1px solid #fff;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio:last-of-type, .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio.is-secondary:hover:last-of-type, .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio.is-primary:hover:last-of-type {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:last-of-type, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:last-of-type, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:last-of-type {
border-bottom: none;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio:not(:hover), .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio[aria-checked=true] {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] {
color: #1e1e1e;
cursor: auto;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio:not(:hover) .edit-site-template-part-converter__option-label div, .edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio[aria-checked=true] .edit-site-template-part-converter__option-label div {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover) .edit-site-create-template-part-modal__option-label div, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] .edit-site-create-template-part-modal__option-label div {
color: #949494;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio .edit-site-template-part-converter__option-label {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label {
padding-top: 4px;
white-space: normal;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio .edit-site-template-part-converter__option-label div {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label div {
padding-top: 4px;
font-size: 12px;
}
.edit-site-template-part-converter__area-radio-group .components-button.edit-site-template-part-converter__area-radio .edit-site-template-part-converter__checkbox {
.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__checkbox {
margin-left: auto;
min-width: 24px;
}
@ -1322,6 +1606,40 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
padding: 8px;
}
.edit-site-welcome-guide {
width: 312px;
}
.edit-site-welcome-guide__image {
background: #00a0d2;
margin: 0 0 16px;
}
.edit-site-welcome-guide__image > img {
display: block;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.edit-site-welcome-guide__heading {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 24px;
line-height: 1.4;
margin: 16px 0 16px 0;
padding: 0 32px;
}
.edit-site-welcome-guide__text {
font-size: 13px;
line-height: 1.4;
margin: 0 0 16px 0;
padding: 0 32px;
}
.edit-site-welcome-guide__text img {
vertical-align: bottom;
}
.edit-site-welcome-guide__inserter-icon {
margin: 0 4px;
vertical-align: text-top;
}
html.wp-toolbar {
background: #fff;
}
@ -1382,16 +1700,14 @@ body.site-editor-php .media-frame select.attachment-filters:last-of-type {
.edit-site {
bottom: 0;
left: 0;
min-height: calc(100vh - 46px);
min-height: 100vh;
position: absolute;
right: 0;
top: 0;
}
}
@media (min-width: 782px) {
.edit-site {
min-height: calc(100vh - 32px);
}
.edit-site .interface-interface-skeleton {
top: 0;
}
.edit-site .interface-complementary-area__pin-unpin-item.components-button {
display: none;

File diff suppressed because one or more lines are too long

View File

@ -105,14 +105,14 @@ function wp_get_global_stylesheet( $types = array() ) {
$types = array( 'variables', 'styles', 'presets' );
}
$origins = array( 'core', 'theme', 'user' );
$origins = array( 'default', 'theme', 'user' );
if ( ! $supports_theme_json && ! $supports_link_color ) {
// In this case we only enqueue the core presets (CSS Custom Properties + the classes).
$origins = array( 'core' );
$origins = array( 'default' );
} elseif ( ! $supports_theme_json && $supports_link_color ) {
// For the legacy link color feature to work, the CSS Custom Properties
// should be in scope (either the core or the theme ones).
$origins = array( 'core', 'theme' );
$origins = array( 'default', 'theme' );
}
$tree = WP_Theme_JSON_Resolver::get_merged_data();

View File

@ -27063,6 +27063,7 @@ function AutoBlockPreview(_ref) {
documentElement
}
} = bodyElement;
documentElement.classList.add('block-editor-block-preview__content-iframe');
documentElement.style.position = 'absolute';
documentElement.style.width = '100%';
bodyElement.style.padding = __experimentalPadding + 'px';
@ -45400,7 +45401,7 @@ function useSetting(path) {
if (_wordpress_blocks__WEBPACK_IMPORTED_MODULE_2__["__EXPERIMENTAL_PATHS_WITH_MERGE"][normalizedPath]) {
var _ref, _experimentalFeatures;
return (_ref = (_experimentalFeatures = experimentalFeaturesResult.user) !== null && _experimentalFeatures !== void 0 ? _experimentalFeatures : experimentalFeaturesResult.theme) !== null && _ref !== void 0 ? _ref : experimentalFeaturesResult.core;
return (_ref = (_experimentalFeatures = experimentalFeaturesResult.user) !== null && _experimentalFeatures !== void 0 ? _experimentalFeatures : experimentalFeaturesResult.theme) !== null && _ref !== void 0 ? _ref : experimentalFeaturesResult.default;
}
return experimentalFeaturesResult;
@ -49530,64 +49531,66 @@ const PanelColorGradientSettingsSingleSelect = props => {
const PanelColorGradientSettingsMultipleSelect = props => {
const colorGradientSettings = useCommonSingleMultipleSelects();
const userColors = Object(_use_setting__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])('color.palette.user');
const customColors = Object(_use_setting__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])('color.palette.user');
const themeColors = Object(_use_setting__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])('color.palette.theme');
const coreColors = Object(_use_setting__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])('color.palette.core');
const defaultColors = Object(_use_setting__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])('color.palette.default');
const shouldDisplayDefaultColors = Object(_use_setting__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])('color.defaultPalette');
colorGradientSettings.colors = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(() => {
const result = [];
if (coreColors && coreColors.length) {
result.push({
name: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__["__"])('Core'),
colors: coreColors
});
}
if (themeColors && themeColors.length) {
result.push({
name: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__["__"])('Theme'),
name: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__["_x"])('Theme', 'Indicates this palette comes from the theme.'),
colors: themeColors
});
}
if (userColors && userColors.length) {
if (shouldDisplayDefaultColors && defaultColors && defaultColors.length) {
result.push({
name: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__["__"])('User'),
colors: userColors
name: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__["_x"])('Default', 'Indicates this palette comes from WordPress.'),
colors: defaultColors
});
}
if (customColors && customColors.length) {
result.push({
name: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__["_x"])('Custom', 'Indicates this palette comes from the theme.'),
colors: customColors
});
}
return result;
}, [coreColors, themeColors, userColors]);
const userGradients = Object(_use_setting__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])('color.gradients.user');
}, [defaultColors, themeColors, customColors]);
const customGradients = Object(_use_setting__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])('color.gradients.user');
const themeGradients = Object(_use_setting__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])('color.gradients.theme');
const coreGradients = Object(_use_setting__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])('color.gradients.core');
const defaultGradients = Object(_use_setting__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])('color.gradients.default');
const shouldDisplayDefaultGradients = Object(_use_setting__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])('color.defaultGradients');
colorGradientSettings.gradients = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["useMemo"])(() => {
const result = [];
if (coreGradients && coreGradients.length) {
result.push({
name: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__["__"])('Core'),
gradients: coreGradients
});
}
if (themeGradients && themeGradients.length) {
result.push({
name: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__["__"])('Theme'),
name: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__["_x"])('Theme', 'Indicates this palette comes from the theme.'),
gradients: themeGradients
});
}
if (userGradients && userGradients.length) {
if (shouldDisplayDefaultGradients && defaultGradients && defaultGradients.length) {
result.push({
name: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__["__"])('User'),
gradients: userGradients
name: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__["_x"])('Default', 'Indicates this palette comes from WordPress.'),
gradients: defaultGradients
});
}
if (customGradients && customGradients.length) {
result.push({
name: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__["_x"])('Custom', 'Indicates this palette is created by the user.'),
gradients: customGradients
});
}
return result;
}, [userGradients, themeGradients, coreGradients]);
}, [customGradients, themeGradients, defaultGradients]);
return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__["createElement"])(PanelColorGradientSettingsInner, Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])({}, colorGradientSettings, props));
};

File diff suppressed because one or more lines are too long

View File

@ -1303,13 +1303,6 @@ __webpack_require__.d(build_module_navigation_namespaceObject, "metadata", funct
__webpack_require__.d(build_module_navigation_namespaceObject, "name", function() { return navigation_name; });
__webpack_require__.d(build_module_navigation_namespaceObject, "settings", function() { return navigation_settings; });
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/navigation-area/index.js
var navigation_area_namespaceObject = {};
__webpack_require__.r(navigation_area_namespaceObject);
__webpack_require__.d(navigation_area_namespaceObject, "metadata", function() { return navigation_area_metadata; });
__webpack_require__.d(navigation_area_namespaceObject, "name", function() { return navigation_area_name; });
__webpack_require__.d(navigation_area_namespaceObject, "settings", function() { return navigation_area_settings; });
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/navigation-link/index.js
var navigation_link_namespaceObject = {};
__webpack_require__.r(navigation_link_namespaceObject);
@ -8168,6 +8161,7 @@ const cover_transforms_transforms = {
style
} = _ref;
return Object(external_wp_blocks_["createBlock"])('core/cover', {
dimRatio: 50,
url,
alt,
align,
@ -8195,6 +8189,7 @@ const cover_transforms_transforms = {
anchor
} = _ref2;
return Object(external_wp_blocks_["createBlock"])('core/cover', {
dimRatio: 50,
url: src,
align,
id,
@ -21177,14 +21172,16 @@ function ResponsiveWrapper(_ref) {
isOpen,
isResponsive,
onToggle,
isHiddenByDefault
isHiddenByDefault,
classNames,
styles
} = _ref;
if (!isResponsive) {
return children;
}
const responsiveContainerClasses = classnames_default()('wp-block-navigation__responsive-container', {
const responsiveContainerClasses = classnames_default()('wp-block-navigation__responsive-container', classNames, {
'is-menu-open': isOpen,
'hidden-by-default': isHiddenByDefault
});
@ -21218,6 +21215,7 @@ function ResponsiveWrapper(_ref) {
height: "1.5"
}))), Object(external_wp_element_["createElement"])("div", {
className: responsiveContainerClasses,
style: styles,
id: modalId
}, Object(external_wp_element_["createElement"])("div", {
className: "wp-block-navigation__responsive-close",
@ -21294,7 +21292,7 @@ function NavigationInnerBlocks(_ref) {
let {
name
} = _ref2;
return name === 'core/navigation-link' || name === 'core/navigation-submenu';
return name === 'core/navigation-link' || name === 'core/navigation-submenu' || name === 'core/page-list';
}), [blocks]); // When the block is selected itself or has a top level item selected that
// doesn't itself have children, show the standard appender. Else show no
// appender.
@ -21856,7 +21854,17 @@ function Navigation(_ref) {
color: !(textColor !== null && textColor !== void 0 && textColor.slug) && (textColor === null || textColor === void 0 ? void 0 : textColor.color),
backgroundColor: !(backgroundColor !== null && backgroundColor !== void 0 && backgroundColor.slug) && (backgroundColor === null || backgroundColor === void 0 ? void 0 : backgroundColor.color)
}
}); // Turn on contrast checker for web only since it's not supported on mobile yet.
});
const overlayClassnames = classnames_default()({
'has-text-color': !!overlayTextColor.color || !!(overlayTextColor !== null && overlayTextColor !== void 0 && overlayTextColor.class),
[Object(external_wp_blockEditor_["getColorClassName"])('color', overlayTextColor === null || overlayTextColor === void 0 ? void 0 : overlayTextColor.slug)]: !!(overlayTextColor !== null && overlayTextColor !== void 0 && overlayTextColor.slug),
'has-background': !!overlayBackgroundColor.color || (overlayBackgroundColor === null || overlayBackgroundColor === void 0 ? void 0 : overlayBackgroundColor.class),
[Object(external_wp_blockEditor_["getColorClassName"])('background-color', overlayBackgroundColor === null || overlayBackgroundColor === void 0 ? void 0 : overlayBackgroundColor.slug)]: !!(overlayBackgroundColor !== null && overlayBackgroundColor !== void 0 && overlayBackgroundColor.slug)
});
const overlayStyles = {
color: !(overlayTextColor !== null && overlayTextColor !== void 0 && overlayTextColor.slug) && (overlayTextColor === null || overlayTextColor === void 0 ? void 0 : overlayTextColor.color),
backgroundColor: !(overlayBackgroundColor !== null && overlayBackgroundColor !== void 0 && overlayBackgroundColor.slug) && (overlayBackgroundColor === null || overlayBackgroundColor === void 0 ? void 0 : overlayBackgroundColor.color) && overlayBackgroundColor.color
}; // Turn on contrast checker for web only since it's not supported on mobile yet.
const enableContrastChecking = external_wp_element_["Platform"].OS === 'web';
const [detectedBackgroundColor, setDetectedBackgroundColor] = Object(external_wp_element_["useState"])();
@ -22048,7 +22056,9 @@ function Navigation(_ref) {
onToggle: setResponsiveMenuVisibility,
isOpen: isResponsiveMenuOpen,
isResponsive: 'never' !== overlayMenu,
isHiddenByDefault: 'always' === overlayMenu
isHiddenByDefault: 'always' === overlayMenu,
classNames: overlayClassnames,
styles: overlayStyles
}, isEntityAvailable && Object(external_wp_element_["createElement"])(NavigationInnerBlocks, {
isVisible: !isPlaceholderShown,
clientId: clientId,
@ -22727,185 +22737,6 @@ const navigation_settings = {
deprecated: navigation_deprecated
};
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/symbol-filled.js
var symbol_filled = __webpack_require__("OE6V");
// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-area/inner-blocks.js
/**
* WordPress dependencies
*/
const navigation_area_inner_blocks_ALLOWED_BLOCKS = ['core/navigation'];
function NavigationAreaInnerBlocks(_ref) {
let {
navigationMenuId
} = _ref;
const template = Object(external_wp_element_["useMemo"])(() => [['core/navigation', {
navigationMenuId
}]], [navigationMenuId]);
const blockProps = Object(external_wp_blockEditor_["useBlockProps"])();
const innerBlocksProps = Object(external_wp_blockEditor_["useInnerBlocksProps"])(blockProps, {
orientation: 'horizontal',
renderAppender: false,
template,
templateLock: 'all',
allowedBlocks: navigation_area_inner_blocks_ALLOWED_BLOCKS
});
return Object(external_wp_element_["createElement"])("div", innerBlocksProps);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-area/edit.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function NavigationAreaBlock(_ref) {
let {
attributes,
setAttributes
} = _ref;
const {
area
} = attributes;
const {
navigationAreas,
hasResolvedNavigationAreas
} = Object(external_wp_data_["useSelect"])(select => {
const {
getEntityRecords,
hasFinishedResolution
} = select(external_wp_coreData_["store"]);
return {
navigationAreas: getEntityRecords('root', 'navigationArea'),
hasResolvedNavigationAreas: hasFinishedResolution('getEntityRecords', ['root', 'navigationArea'])
};
});
const navigationMenuId = navigationAreas !== null && navigationAreas !== void 0 && navigationAreas.length ? navigationAreas[area] : undefined;
const choices = Object(external_wp_element_["useMemo"])(() => navigationAreas === null || navigationAreas === void 0 ? void 0 : navigationAreas.map(_ref2 => {
let {
name,
description
} = _ref2;
return {
label: description,
value: name
};
}), [navigationAreas]);
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["BlockControls"], null, Object(external_wp_element_["createElement"])(external_wp_components_["ToolbarGroup"], null, Object(external_wp_element_["createElement"])(external_wp_components_["ToolbarDropdownMenu"], {
label: Object(external_wp_i18n_["__"])('Select Area'),
text: Object(external_wp_i18n_["__"])('Select Area'),
icon: null
}, _ref3 => {
let {
onClose
} = _ref3;
return Object(external_wp_element_["createElement"])(external_wp_components_["MenuGroup"], null, Object(external_wp_element_["createElement"])(external_wp_components_["MenuItemsChoice"], {
value: area,
onSelect: selectedArea => {
setAttributes({
area: selectedArea
});
onClose();
},
choices: choices
}));
}))), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["InspectorControls"], null, Object(external_wp_element_["createElement"])(external_wp_components_["PanelBody"], {
title: Object(external_wp_i18n_["__"])('Options')
}, Object(external_wp_element_["createElement"])(external_wp_components_["SelectControl"], {
label: Object(external_wp_i18n_["_x"])('Area'),
value: area // `undefined` is required for the preload attribute to be unset.
,
onChange: value => setAttributes({
area: value
}),
options: choices
}))), !hasResolvedNavigationAreas && Object(external_wp_element_["createElement"])(placeholder_preview, {
isLoading: true
}), // Render inner blocks only when navigationMenuId is known so
// that inner blocks template is correct from the start.
hasResolvedNavigationAreas && Object(external_wp_element_["createElement"])(NavigationAreaInnerBlocks, {
navigationMenuId: navigationMenuId
}));
}
/* harmony default export */ var navigation_area_edit = (NavigationAreaBlock);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-area/save.js
/**
* WordPress dependencies
*/
function navigation_area_save_save() {
return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["InnerBlocks"].Content, null);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-area/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const navigation_area_metadata = {
apiVersion: 2,
name: "core/navigation-area",
title: "Navigation Area",
category: "theme",
description: "Define a navigation area for your theme. The navigation block associated with this area will be automatically displayed.",
keywords: ["menu", "navigation", "links", "location"],
textdomain: "default",
attributes: {
area: {
type: "string",
"default": "primary"
}
},
providesContext: {
navigationArea: "area"
},
supports: {
html: false,
inserter: true
}
};
const {
name: navigation_area_name
} = navigation_area_metadata;
const navigation_area_settings = {
icon: symbol_filled["a" /* default */],
example: {
attributes: {
area: 'primary'
}
},
edit: navigation_area_edit,
save: navigation_area_save_save
};
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/custom-link.js
@ -25107,10 +24938,6 @@ const pages_pages = Object(external_wp_element_["createElement"])(external_wp_pr
}));
/* harmony default export */ var library_pages = (pages_pages);
// EXTERNAL MODULE: external ["wp","apiFetch"]
var external_wp_apiFetch_ = __webpack_require__("ywyh");
var external_wp_apiFetch_default = /*#__PURE__*/__webpack_require__.n(external_wp_apiFetch_);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/page-list/convert-to-links-modal.js
@ -25333,32 +25160,34 @@ function PageListEdit(_ref) {
}, Object(external_wp_i18n_["__"])('Edit'))), allowConvertToLinks && isOpen && Object(external_wp_element_["createElement"])(ConvertToLinksModal, {
onClose: closeModal,
clientId: clientId
}), totalPages === null && Object(external_wp_element_["createElement"])("div", blockProps, Object(external_wp_element_["createElement"])(external_wp_components_["Placeholder"], null, Object(external_wp_element_["createElement"])(external_wp_components_["Spinner"], null))), totalPages === 0 && Object(external_wp_element_["createElement"])("div", blockProps, Object(external_wp_element_["createElement"])("span", null, Object(external_wp_i18n_["__"])('Page List: No pages to show.'))), totalPages > 0 && Object(external_wp_element_["createElement"])("ul", blockProps, Object(external_wp_element_["createElement"])(edit_PageItems, {
}), totalPages === undefined && Object(external_wp_element_["createElement"])("div", blockProps, Object(external_wp_element_["createElement"])(external_wp_components_["Placeholder"], null, Object(external_wp_element_["createElement"])(external_wp_components_["Spinner"], null))), totalPages === 0 && Object(external_wp_element_["createElement"])("div", blockProps, Object(external_wp_element_["createElement"])("span", null, Object(external_wp_i18n_["__"])('Page List: No pages to show.'))), totalPages > 0 && Object(external_wp_element_["createElement"])("ul", blockProps, Object(external_wp_element_["createElement"])(edit_PageItems, {
context: context,
pagesByParentId: pagesByParentId
})));
}
function usePagesByParentId() {
const [pagesByParentId, setPagesByParentId] = Object(external_wp_element_["useState"])(null);
const [totalPages, setTotalPages] = Object(external_wp_element_["useState"])(null);
Object(external_wp_element_["useEffect"])(() => {
async function performFetch() {
setPagesByParentId(null);
setTotalPages(null);
let pages = await external_wp_apiFetch_default()({
path: Object(external_wp_url_["addQueryArgs"])('/wp/v2/pages', {
const {
pages
} = Object(external_wp_data_["useSelect"])(select => {
const {
getEntityRecords
} = select(external_wp_coreData_["store"]);
return {
pages: getEntityRecords('postType', 'page', {
orderby: 'menu_order',
order: 'asc',
_fields: ['id', 'link', 'parent', 'title', 'menu_order'],
per_page: -1
})
}); // TODO: Once the REST API supports passing multiple values to
};
}, []);
return Object(external_wp_element_["useMemo"])(() => {
// TODO: Once the REST API supports passing multiple values to
// 'orderby', this can be removed.
// https://core.trac.wordpress.org/ticket/39037
pages = Object(external_lodash_["sortBy"])(pages, ['menu_order', 'title.rendered']);
setPagesByParentId(pages.reduce((accumulator, page) => {
const sortedPages = Object(external_lodash_["sortBy"])(pages, ['menu_order', 'title.rendered']);
const pagesByParentId = sortedPages.reduce((accumulator, page) => {
const {
parent
} = page;
@ -25370,16 +25199,12 @@ function usePagesByParentId() {
}
return accumulator;
}, new Map()));
setTotalPages(pages.length);
}
performFetch();
}, []);
}, new Map());
return {
pagesByParentId,
totalPages
totalPages: pages === null || pages === void 0 ? void 0 : pages.length
};
}, [pages]);
}
const edit_PageItems = Object(external_wp_element_["memo"])(function PageItems(_ref2) {
@ -27356,17 +27181,28 @@ const DimensionControls = _ref => {
/**
* Internal dependencies
*/
const placeholderIllustration = Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], {
className: "components-placeholder__illustration",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 60 60",
preserveAspectRatio: "xMidYMid slice" // @todo: "slice" matches the "cover" behavior, "meet" could be used for "container" and "fill" values.
}, Object(external_wp_element_["createElement"])(external_wp_primitives_["Path"], {
vectorEffect: "non-scaling-stroke",
d: "m61 32.622-13.555-9.137-15.888 9.859a5 5 0 0 1-5.386-.073l-9.095-5.989L1 37.5"
}));
const post_featured_image_edit_ALLOWED_MEDIA_TYPES = ['image'];
const placeholderChip = Object(external_wp_element_["createElement"])("div", {
className: "post-featured-image_placeholder"
}, Object(external_wp_element_["createElement"])(external_wp_components_["Icon"], {
icon: post_featured_image
}), Object(external_wp_element_["createElement"])("p", null, " ", Object(external_wp_i18n_["__"])('Featured Image')));
className: "wp-block-post-featured-image__placeholder"
}, placeholderIllustration);
function PostFeaturedImageDisplay(_ref) {
let {
@ -27376,9 +27212,7 @@ function PostFeaturedImageDisplay(_ref) {
postId,
postType,
queryId
},
noticeUI,
noticeOperations
}
} = _ref;
const isDescendentOfQueryLoop = !!queryId;
const {
@ -27393,20 +27227,32 @@ function PostFeaturedImageDisplay(_ref) {
}), [featuredImage]);
const blockProps = Object(external_wp_blockEditor_["useBlockProps"])({
style: {
width
width,
height
}
});
const placeholder = content => {
return Object(external_wp_element_["createElement"])(external_wp_components_["Placeholder"], {
className: "block-editor-media-placeholder"
}, placeholderIllustration, content);
};
const onSelectImage = value => {
if (value !== null && value !== void 0 && value.id) {
setFeaturedImage(value.id);
}
};
function onUploadError(message) {
noticeOperations.removeAllNotices();
noticeOperations.createErrorNotice(message);
}
const {
createErrorNotice
} = Object(external_wp_data_["useDispatch"])(external_wp_notices_["store"]);
const onUploadError = message => {
createErrorNotice(message[2], {
type: 'snackbar'
});
};
let image;
@ -27414,19 +27260,29 @@ function PostFeaturedImageDisplay(_ref) {
return Object(external_wp_element_["createElement"])("div", blockProps, placeholderChip);
}
const label = Object(external_wp_i18n_["__"])('Add a featured image');
if (!featuredImage) {
image = Object(external_wp_element_["createElement"])(external_wp_blockEditor_["MediaPlaceholder"], {
icon: Object(external_wp_element_["createElement"])(external_wp_blockEditor_["BlockIcon"], {
icon: post_featured_image
}),
onSelect: onSelectImage,
notices: noticeUI,
onError: onUploadError,
accept: "image/*",
allowedTypes: post_featured_image_edit_ALLOWED_MEDIA_TYPES,
labels: {
title: Object(external_wp_i18n_["__"])('Featured image'),
instructions: Object(external_wp_i18n_["__"])('Upload a media file or pick one from your media library.')
onError: onUploadError,
placeholder: placeholder,
mediaLibraryButton: _ref2 => {
let {
open
} = _ref2;
return Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
icon: upload["a" /* default */],
variant: "primary",
label: label,
showTooltip: true,
tooltipPosition: "top center",
onClick: () => {
open();
}
});
}
});
} else {
@ -27465,7 +27321,6 @@ function PostFeaturedImageDisplay(_ref) {
})), Object(external_wp_element_["createElement"])("figure", blockProps, image));
}
const PostFeaturedImageWithNotices = Object(external_wp_components_["withNotices"])(PostFeaturedImageDisplay);
function PostFeaturedImageEdit(props) {
var _props$context;
@ -27475,7 +27330,7 @@ function PostFeaturedImageEdit(props) {
return Object(external_wp_element_["createElement"])("div", blockProps, placeholderChip);
}
return Object(external_wp_element_["createElement"])(PostFeaturedImageWithNotices, props);
return Object(external_wp_element_["createElement"])(PostFeaturedImageDisplay, props);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-featured-image/index.js
@ -38214,6 +38069,9 @@ const tag_cloud_settings = {
edit: tag_cloud_edit
};
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/symbol-filled.js
var symbol_filled = __webpack_require__("OE6V");
// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/template-part/edit/selection/template-part-previews.js
@ -40965,7 +40823,7 @@ const __experimentalGetCoreBlocks = () => [// Common blocks are grouped at the t
// in various contexts — like the inserter and auto-complete components.
build_module_paragraph_namespaceObject, build_module_image_namespaceObject, build_module_heading_namespaceObject, build_module_gallery_namespaceObject, build_module_list_namespaceObject, build_module_quote_namespaceObject, // Register all remaining core blocks.
archives_namespaceObject, build_module_audio_namespaceObject, button_namespaceObject, build_module_buttons_namespaceObject, build_module_calendar_namespaceObject, categories_namespaceObject, window.wp && window.wp.oldEditor ? freeform_namespaceObject : null, // Only add the classic block in WP Context
code_namespaceObject, build_module_column_namespaceObject, build_module_columns_namespaceObject, build_module_cover_namespaceObject, embed_namespaceObject, build_module_file_namespaceObject, group_namespaceObject, build_module_html_namespaceObject, latest_comments_namespaceObject, latest_posts_namespaceObject, loginout_namespaceObject, media_text_namespaceObject, missing_namespaceObject, build_module_more_namespaceObject, build_module_navigation_namespaceObject, navigation_area_namespaceObject, navigation_link_namespaceObject, navigation_submenu_namespaceObject, nextpage_namespaceObject, page_list_namespaceObject, pattern_namespaceObject, build_module_post_author_namespaceObject, build_module_post_comments_namespaceObject, build_module_post_content_namespaceObject, build_module_post_date_namespaceObject, build_module_post_excerpt_namespaceObject, build_module_post_featured_image_namespaceObject, post_navigation_link_namespaceObject, post_template_namespaceObject, post_terms_namespaceObject, build_module_post_title_namespaceObject, build_module_preformatted_namespaceObject, build_module_pullquote_namespaceObject, query_namespaceObject, build_module_query_pagination_namespaceObject, build_module_query_pagination_next_namespaceObject, build_module_query_pagination_numbers_namespaceObject, build_module_query_pagination_previous_namespaceObject, query_title_namespaceObject, block_namespaceObject, build_module_rss_namespaceObject, search_namespaceObject, build_module_separator_namespaceObject, build_module_shortcode_namespaceObject, build_module_site_logo_namespaceObject, site_tagline_namespaceObject, site_title_namespaceObject, social_link_namespaceObject, social_links_namespaceObject, spacer_namespaceObject, build_module_table_namespaceObject, // tableOfContents,
code_namespaceObject, build_module_column_namespaceObject, build_module_columns_namespaceObject, build_module_cover_namespaceObject, embed_namespaceObject, build_module_file_namespaceObject, group_namespaceObject, build_module_html_namespaceObject, latest_comments_namespaceObject, latest_posts_namespaceObject, loginout_namespaceObject, media_text_namespaceObject, missing_namespaceObject, build_module_more_namespaceObject, build_module_navigation_namespaceObject, navigation_link_namespaceObject, navigation_submenu_namespaceObject, nextpage_namespaceObject, page_list_namespaceObject, pattern_namespaceObject, build_module_post_author_namespaceObject, build_module_post_comments_namespaceObject, build_module_post_content_namespaceObject, build_module_post_date_namespaceObject, build_module_post_excerpt_namespaceObject, build_module_post_featured_image_namespaceObject, post_navigation_link_namespaceObject, post_template_namespaceObject, post_terms_namespaceObject, build_module_post_title_namespaceObject, build_module_preformatted_namespaceObject, build_module_pullquote_namespaceObject, query_namespaceObject, build_module_query_pagination_namespaceObject, build_module_query_pagination_next_namespaceObject, build_module_query_pagination_numbers_namespaceObject, build_module_query_pagination_previous_namespaceObject, query_title_namespaceObject, block_namespaceObject, build_module_rss_namespaceObject, search_namespaceObject, build_module_separator_namespaceObject, build_module_shortcode_namespaceObject, build_module_site_logo_namespaceObject, site_tagline_namespaceObject, site_title_namespaceObject, social_link_namespaceObject, social_links_namespaceObject, spacer_namespaceObject, build_module_table_namespaceObject, // tableOfContents,
tag_cloud_namespaceObject, template_part_namespaceObject, build_module_term_description_namespaceObject, text_columns_namespaceObject, build_module_verse_namespaceObject, build_module_video_namespaceObject];
/**
* Function to register core blocks provided by the block editor.
@ -42332,7 +42190,8 @@ function InterfaceSkeleton(_ref, ref) {
}), !!drawer && Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__drawer",
role: "region",
"aria-label": mergedLabels.drawer
"aria-label": mergedLabels.drawer,
tabIndex: "-1"
}, drawer), Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__editor"
}, !!header && Object(external_wp_element_["createElement"])("div", {
@ -43055,13 +42914,6 @@ function _extends() {
/***/ }),
/***/ "ywyh":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["apiFetch"]; }());
/***/ }),
/***/ "ziDm":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -3987,7 +3987,8 @@ function InterfaceSkeleton(_ref, ref) {
}), !!drawer && Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__drawer",
role: "region",
"aria-label": mergedLabels.drawer
"aria-label": mergedLabels.drawer,
tabIndex: "-1"
}, drawer), Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__editor"
}, !!header && Object(external_wp_element_["createElement"])("div", {

File diff suppressed because one or more lines are too long

View File

@ -3152,7 +3152,8 @@ function InterfaceSkeleton(_ref, ref) {
}), !!drawer && Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__drawer",
role: "region",
"aria-label": mergedLabels.drawer
"aria-label": mergedLabels.drawer,
tabIndex: "-1"
}, drawer), Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__editor"
}, !!header && Object(external_wp_element_["createElement"])("div", {
@ -8073,7 +8074,9 @@ function PostTemplateActions() {
}, Object(external_wp_i18n_["__"])('Edit')), Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
variant: "link",
onClick: () => setIsModalOpen(true)
}, Object(external_wp_i18n_["__"])('New'))), isModalOpen && Object(external_wp_element_["createElement"])(external_wp_components_["Modal"], {
},
/* translators: button to create a new template */
Object(external_wp_i18n_["_x"])('New', 'action'))), isModalOpen && Object(external_wp_element_["createElement"])(external_wp_components_["Modal"], {
title: Object(external_wp_i18n_["__"])('Create custom template'),
closeLabel: Object(external_wp_i18n_["__"])('Close'),
onRequestClose: () => {

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -4924,7 +4924,8 @@ function InterfaceSkeleton(_ref, ref) {
}), !!drawer && Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__drawer",
role: "region",
"aria-label": mergedLabels.drawer
"aria-label": mergedLabels.drawer,
tabIndex: "-1"
}, drawer), Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__editor"
}, !!header && Object(external_wp_element_["createElement"])("div", {

File diff suppressed because one or more lines are too long

View File

@ -5368,7 +5368,10 @@ function EntitiesSavedStates(_ref) {
saveEditedEntityRecord(kind, name, key);
}
});
if (siteItemsToSave.length) {
saveSpecifiedEntityEdits('root', 'site', undefined, siteItemsToSave);
}
}; // Explicitly define this with no argument passed. Using `close` on
// its own will use the event object in place of the expected saved entities.

File diff suppressed because one or more lines are too long

View File

@ -357,7 +357,7 @@ function create_initial_post_types() {
'_builtin' => true, /* internal use only. don't use this when registering your own post type. */
'has_archive' => false,
'show_ui' => wp_is_block_template_theme(),
'show_in_menu' => 'themes.php',
'show_in_menu' => false,
'show_in_rest' => true,
'rewrite' => false,
'rest_base' => 'templates',
@ -416,7 +416,7 @@ function create_initial_post_types() {
'_builtin' => true, /* internal use only. don't use this when registering your own post type. */
'has_archive' => false,
'show_ui' => wp_is_block_template_theme(),
'show_in_menu' => 'themes.php',
'show_in_menu' => false,
'show_in_rest' => true,
'rewrite' => false,
'rest_base' => 'template-parts',

View File

@ -16,7 +16,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.9-alpha-52231';
$wp_version = '5.9-alpha-52232';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.