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

Twenty Nineteen: Ensure Separator block supports theme colors in editor.

Browse Source 
This fixes a bug in the Editor, where the Separator block did not support background color selections other than white and light gray.

Props nidhidhandhukiya, sabernhardt, shailu25, harshgajipara, mukesh27, costdev, zunaid321.
Fixes #58558.




git-svn-id: https://develop.svn.wordpress.org/trunk@56036 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Jb Audras 2023-06-26 15:48:23 +00:00
parent fbc337d7b2
commit fb9929cc26
2 changed files with 50 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/wp-content/themes/twentynineteen/style-editor.css
View File

@ -1276,6 +1276,31 @@ figcaption,
padding-left: calc(2 * 1rem);
}
.wp-block-separator.has-primary-background-color {
color: #0073aa;
background-color: #0073aa;
}
.wp-block-separator.has-secondary-background-color {
color: #005177;
background-color: #005177;
}
.wp-block-separator.has-dark-gray-background-color {
color: #111;
background-color: #111;
}
.wp-block-separator.has-light-gray-background-color {
color: #767676;
background-color: #767676;
}
.wp-block-separator.has-white-background-color {
color: #fff;
background-color: #fff;
}
/* Remove duplicate rule-line when a separator
* is followed by an H1, or H2 */
.wp-block[data-type="core/separator"] + .wp-block[data-type="core/heading"] h1:before,

25
src/wp-content/themes/twentynineteen/style-editor.scss
View File

@ -651,6 +651,31 @@ figcaption,
letter-spacing: calc(2 * #{$size__spacing-unit});
padding-left: calc(2 * #{$size__spacing-unit});
}
&.has-primary-background-color {
color: $color__link;
background-color: $color__link;
}
&.has-secondary-background-color {
color: $color__border-link-hover;
background-color: $color__border-link-hover;
}
&.has-dark-gray-background-color {
color: $color__text-main;
background-color: $color__text-main;
}
&.has-light-gray-background-color {
color: $color__text-light;
background-color: $color__text-light;
}
&.has-white-background-color {
color: #fff;
background-color: #fff;
}
}
/* Remove duplicate rule-line when a separator