vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2025-10-16 12:05:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Editor: add support for block-level link hover colors.

Browse Source 
Adds the ability to set link hover colors for individual blocks from the block inspector color panel.

Props @youknowriad, @peterwilsoncc, @kebbet.
Fixes #58575.


git-svn-id: https://develop.svn.wordpress.org/trunk@56028 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Isabel Brison 2023-06-26 01:13:56 +00:00
parent 3381afd631
commit f571f4519b
4 changed files with 34 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/wp-includes/block-supports/elements.php
View File

@ -46,13 +46,18 @@ function wp_render_elements_support( $block_content, $block ) {
$link_color = _wp_array_get( $block['attrs'], array( 'style', 'elements', 'link', 'color', 'text' ), null );
}
$hover_link_color = null;
if ( ! empty( $block['attrs'] ) ) {
$hover_link_color = _wp_array_get( $block['attrs'], array( 'style', 'elements', 'link', ':hover', 'color', 'text' ), null );
}
/*
* For now we only care about link color.
* For now we only care about link colors.
* This code in the future when we have a public API
* should take advantage of WP_Theme_JSON::compute_style_properties
* and work for any element and style.
*/
if ( null === $link_color ) {
if ( null === $link_color && null === $hover_link_color ) {
return $block_content;
}
@ -104,6 +109,16 @@ function wp_render_elements_support_styles( $pre_render, $block ) {
)
);
if ( isset( $link_block_styles[':hover'] ) ) {
wp_style_engine_get_styles(
$link_block_styles[':hover'],
array(
'selector' => ".$class_name a:hover",
'context' => 'block-supports',
)
);
}
return null;
}

6
src/wp-includes/class-wp-theme-json.php
View File

@ -360,6 +360,9 @@ class WP_Theme_JSON {
'duotone' => null,
'gradients' => null,
'link' => null,
'heading' => null,
'button' => null,
'caption' => null,
'palette' => null,
'text' => null,
),
@ -562,6 +565,9 @@ class WP_Theme_JSON {
array( 'border', 'style' ),
array( 'border', 'width' ),
array( 'color', 'link' ),
array( 'color', 'heading' ),
array( 'color', 'button' ),
array( 'color', 'caption' ),
array( 'dimensions', 'minHeight' ),
array( 'position', 'sticky' ),
array( 'spacing', 'blockGap' ),

3
src/wp-includes/theme.json
View File

@ -11,6 +11,8 @@
},
"color": {
"background": true,
"button": true,
"caption": true,
"custom": true,
"customDuotone": true,
"customGradient": true,
@ -121,6 +123,7 @@
"slug": "midnight"
}
],
"heading": true,
"link": false,
"palette": [
{

10
tests/phpunit/tests/theme/wpThemeJson.php
View File

@ -269,7 +269,10 @@ class Tests_Theme_wpThemeJson extends WP_UnitTestCase {
'color' => true,
),
'color' => array(
'link' => true,
'link' => true,
'heading' => true,
'button' => true,
'caption' => true,
),
'dimensions' => array(
'minHeight' => true,
@ -299,7 +302,10 @@ class Tests_Theme_wpThemeJson extends WP_UnitTestCase {
'color' => true,
),
'color' => array(
'link' => true,
'link' => true,
'heading' => true,
'button' => true,
'caption' => true,
),
'dimensions' => array(
'minHeight' => true,