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:
parent
d2c41142ed
commit
121c824ccd
|
@ -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 = '';
|
||||
|
|
|
@ -40,61 +40,90 @@ add_filter(
|
|||
);
|
||||
|
||||
$block_editor_context = new WP_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(
|
||||
array( '/wp/v2/media', 'OPTIONS' ),
|
||||
'/',
|
||||
'/wp/v2/types?context=edit',
|
||||
'/wp/v2/taxonomies?context=edit',
|
||||
'/wp/v2/pages?context=edit',
|
||||
'/wp/v2/categories?context=edit',
|
||||
'/wp/v2/posts?context=edit',
|
||||
'/wp/v2/tags?context=edit',
|
||||
'/wp/v2/templates?context=edit',
|
||||
'/wp/v2/template-parts?context=edit',
|
||||
'/wp/v2/settings',
|
||||
'/wp/v2/themes?context=edit&status=active',
|
||||
'/wp/v2/global-styles/' . $active_global_styles_id . '?context=edit',
|
||||
'/wp/v2/global-styles/' . $active_global_styles_id,
|
||||
'/wp/v2/themes/' . $active_theme . '/global-styles',
|
||||
'/wp/v2/block-navigation-areas?context=edit',
|
||||
$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 );
|
||||
|
||||
$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 ) );
|
||||
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',
|
||||
'/wp/v2/taxonomies?context=edit',
|
||||
'/wp/v2/pages?context=edit',
|
||||
'/wp/v2/categories?context=edit',
|
||||
'/wp/v2/posts?context=edit',
|
||||
'/wp/v2/tags?context=edit',
|
||||
'/wp/v2/templates?context=edit',
|
||||
'/wp/v2/template-parts?context=edit',
|
||||
'/wp/v2/settings',
|
||||
'/wp/v2/themes?context=edit&status=active',
|
||||
'/wp/v2/global-styles/' . $active_global_styles_id . '?context=edit',
|
||||
'/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 ) {
|
||||
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 );
|
||||
|
||||
wp_add_inline_script(
|
||||
'wp-edit-site',
|
||||
sprintf(
|
||||
'wp.domReady( function() {
|
||||
wp.editSite.initializeEditor( "site-editor", %s );
|
||||
} );',
|
||||
wp_json_encode( $editor_settings )
|
||||
)
|
||||
);
|
||||
|
||||
}
|
||||
|
||||
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-edit-site',
|
||||
sprintf(
|
||||
'wp.domReady( function() {
|
||||
wp.editSite.initialize( "site-editor", %s );
|
||||
} );',
|
||||
wp_json_encode( $editor_settings )
|
||||
)
|
||||
);
|
||||
|
||||
// Preload server-registered block schemas.
|
||||
wp_add_inline_script(
|
||||
'wp-blocks',
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -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'] ) ) {
|
||||
|
|
|
@ -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 '';
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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}
|
|
@ -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;
|
||||
|
|
|
@ -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}
|
|
@ -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
|
@ -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
|
@ -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
|
||||
*/
|
||||
|
||||
/**
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
/**
|
||||
* Server-side rendering of the `core/navigation-link` block.
|
||||
*
|
||||
* @package gutenberg
|
||||
* @package WordPress
|
||||
*/
|
||||
|
||||
/**
|
||||
|
|
|
@ -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'] &&
|
||||
|
|
|
@ -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;
|
||||
}
|
|
@ -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}
|
|
@ -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;
|
||||
}
|
|
@ -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}
|
|
@ -2,7 +2,7 @@
|
|||
/**
|
||||
* Server-side rendering of the `core/navigation` block.
|
||||
*
|
||||
* @package gutenberg
|
||||
* @package WordPress
|
||||
*/
|
||||
|
||||
/**
|
||||
|
@ -14,8 +14,10 @@
|
|||
*/
|
||||
function block_core_navigation_build_css_colors( $attributes ) {
|
||||
$colors = array(
|
||||
'css_classes' => array(),
|
||||
'inline_styles' => '',
|
||||
'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(
|
||||
|
|
|
@ -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
|
@ -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
|
@ -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>';
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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}
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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}
|
|
@ -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;
|
||||
|
|
|
@ -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}
|
|
@ -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;
|
||||
|
|
|
@ -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}
|
|
@ -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;
|
||||
}
|
||||
|
@ -182,7 +182,32 @@ class WP_Theme_JSON_Resolver {
|
|||
* So we take theme supports, transform it to theme.json shape
|
||||
* and merge the self::$theme upon that.
|
||||
*/
|
||||
$theme_support_data = WP_Theme_JSON::get_from_editor_settings( get_default_block_editor_settings() );
|
||||
$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},
|
||||
|
|
|
@ -51,7 +51,7 @@ class WP_Theme_JSON {
|
|||
* @var string[]
|
||||
*/
|
||||
const VALID_ORIGINS = array(
|
||||
'core',
|
||||
'default',
|
||||
'theme',
|
||||
'user',
|
||||
);
|
||||
|
@ -220,15 +220,17 @@ class WP_Theme_JSON {
|
|||
'width' => null,
|
||||
),
|
||||
'color' => array(
|
||||
'background' => null,
|
||||
'custom' => null,
|
||||
'customDuotone' => null,
|
||||
'customGradient' => null,
|
||||
'duotone' => null,
|
||||
'gradients' => null,
|
||||
'link' => null,
|
||||
'palette' => null,
|
||||
'text' => null,
|
||||
'background' => null,
|
||||
'custom' => null,
|
||||
'customDuotone' => null,
|
||||
'customGradient' => null,
|
||||
'defaultGradients' => null,
|
||||
'defaultPalette' => null,
|
||||
'duotone' => null,
|
||||
'gradients' => null,
|
||||
'link' => null,
|
||||
'palette' => null,
|
||||
'text' => null,
|
||||
),
|
||||
'custom' => null,
|
||||
'layout' => array(
|
||||
|
@ -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,7 +345,9 @@ class WP_Theme_JSON {
|
|||
$path = array_merge( $node['path'], $preset_metadata['path'] );
|
||||
$preset = _wp_array_get( $this->theme_json, $path, null );
|
||||
if ( null !== $preset ) {
|
||||
_wp_array_set( $this->theme_json, $path, array( $origin => $preset ) );
|
||||
if ( 'user' !== $origin || isset( $preset[0] ) ) {
|
||||
_wp_array_set( $this->theme_json, $path, array( $origin => $preset ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -1472,46 +1476,48 @@ 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 );
|
||||
if ( null === $presets ) {
|
||||
continue;
|
||||
}
|
||||
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;
|
||||
}
|
||||
|
||||
$escaped_preset = array();
|
||||
foreach ( $presets as $preset ) {
|
||||
if (
|
||||
esc_attr( esc_html( $preset['name'] ) ) === $preset['name'] &&
|
||||
sanitize_html_class( $preset['slug'] ) === $preset['slug']
|
||||
) {
|
||||
$value = null;
|
||||
if ( isset( $preset_metadata['value_key'] ) ) {
|
||||
$value = $preset[ $preset_metadata['value_key'] ];
|
||||
} elseif (
|
||||
isset( $preset_metadata['value_func'] ) &&
|
||||
is_callable( $preset_metadata['value_func'] )
|
||||
$escaped_preset = array();
|
||||
foreach ( $presets as $preset ) {
|
||||
if (
|
||||
esc_attr( esc_html( $preset['name'] ) ) === $preset['name'] &&
|
||||
sanitize_html_class( $preset['slug'] ) === $preset['slug']
|
||||
) {
|
||||
$value = call_user_func( $preset_metadata['value_func'], $preset );
|
||||
}
|
||||
$value = null;
|
||||
if ( isset( $preset_metadata['value_key'] ) ) {
|
||||
$value = $preset[ $preset_metadata['value_key'] ];
|
||||
} elseif (
|
||||
isset( $preset_metadata['value_func'] ) &&
|
||||
is_callable( $preset_metadata['value_func'] )
|
||||
) {
|
||||
$value = call_user_func( $preset_metadata['value_func'], $preset );
|
||||
}
|
||||
|
||||
$preset_is_valid = true;
|
||||
foreach ( $preset_metadata['properties'] as $property ) {
|
||||
if ( ! self::is_safe_css_declaration( $property, $value ) ) {
|
||||
$preset_is_valid = false;
|
||||
break;
|
||||
$preset_is_valid = true;
|
||||
foreach ( $preset_metadata['properties'] as $property ) {
|
||||
if ( ! self::is_safe_css_declaration( $property, $value ) ) {
|
||||
$preset_is_valid = false;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if ( $preset_is_valid ) {
|
||||
$escaped_preset[] = $preset;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if ( $preset_is_valid ) {
|
||||
$escaped_preset[] = $preset;
|
||||
}
|
||||
if ( ! empty( $escaped_preset ) ) {
|
||||
_wp_array_set( $output, $path_with_origin, $escaped_preset );
|
||||
}
|
||||
}
|
||||
|
||||
if ( ! empty( $escaped_preset ) ) {
|
||||
_wp_array_set( $output, $preset_metadata['path'], $escaped_preset );
|
||||
}
|
||||
}
|
||||
|
||||
return $output;
|
||||
}
|
||||
|
||||
|
|
|
@ -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
|
@ -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
|
@ -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
|
@ -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
|
@ -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
|
@ -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
|
@ -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;
|
||||
|
|
|
@ -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}
|
|
@ -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;
|
||||
|
|
|
@ -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}
|
|
@ -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
|
@ -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
|
@ -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();
|
||||
|
|
|
@ -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
|
@ -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,53 +25160,51 @@ 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', {
|
||||
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
|
||||
// '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 {
|
||||
parent
|
||||
} = page;
|
||||
|
||||
if (accumulator.has(parent)) {
|
||||
accumulator.get(parent).push(page);
|
||||
} else {
|
||||
accumulator.set(parent, [page]);
|
||||
}
|
||||
|
||||
return accumulator;
|
||||
}, new Map()));
|
||||
setTotalPages(pages.length);
|
||||
}
|
||||
|
||||
performFetch();
|
||||
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
|
||||
})
|
||||
};
|
||||
}, []);
|
||||
return {
|
||||
pagesByParentId,
|
||||
totalPages
|
||||
};
|
||||
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
|
||||
const sortedPages = Object(external_lodash_["sortBy"])(pages, ['menu_order', 'title.rendered']);
|
||||
const pagesByParentId = sortedPages.reduce((accumulator, page) => {
|
||||
const {
|
||||
parent
|
||||
} = page;
|
||||
|
||||
if (accumulator.has(parent)) {
|
||||
accumulator.get(parent).push(page);
|
||||
} else {
|
||||
accumulator.set(parent, [page]);
|
||||
}
|
||||
|
||||
return accumulator;
|
||||
}, new Map());
|
||||
return {
|
||||
pagesByParentId,
|
||||
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
|
@ -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
|
@ -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
|
@ -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
|
@ -5368,7 +5368,10 @@ function EntitiesSavedStates(_ref) {
|
|||
saveEditedEntityRecord(kind, name, key);
|
||||
}
|
||||
});
|
||||
saveSpecifiedEntityEdits('root', 'site', undefined, siteItemsToSave);
|
||||
|
||||
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
|
@ -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',
|
||||
|
|
|
@ -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.
|
||||
|
|
Loading…
Reference in New Issue