Changeset 57637

Timestamp:

02/15/2024 10:16:59 PM (2 years ago)

Author:

SergeyBiryukov

Message:

Twenty Nineteen: Update selectors used to change the primary color in the Customizer.

The .editor-block-list__block class was removed in WordPress 5.4. It is now replaced with a selector that works in the current versions and is backward compatible.

Follow-up to [43842].

Props poena, faisal03, ashikur698.
Fixes #59922.

File:

• trunk/src/wp-content/themes/twentynineteen/inc/color-patterns.php (modified) (1 diff)

trunk/src/wp-content/themes/twentynineteen/inc/color-patterns.php

@@ -215 +215 @@
                  * - buttons
                  */
-                .editor-block-list__layout .editor-block-list__block a,
-                .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
-                .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color),
-                .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color),
-                .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color),
-                .editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink {
+                .editor-styles-wrapper .wp-block a,
+                .editor-styles-wrapper .wp-block .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
+                .editor-styles-wrapper .wp-block .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color),
+                .editor-styles-wrapper .wp-block .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color),
+                .editor-styles-wrapper .wp-block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color),
+                .editor-styles-wrapper .wp-block .wp-block-file .wp-block-file__textlink {
                         color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
                 }
 
-                .editor-block-list__layout .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
-                .editor-styles-wrapper .editor-block-list__layout .wp-block-freeform blockquote {
+                .editor-styles-wrapper .wp-block.wp-block-quote:not(.is-large):not(.is-style-large),
+                .editor-styles-wrapper .wp-block .wp-block-freeform blockquote {
                         border-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
                 }
 
-                .editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
+                .editor-styles-wrapper .wp-block.wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
                         background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
                 }
 
-                .editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__button,
-                .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link,
-                .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:active,
-                .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
-                .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
+                .editor-styles-wrapper .wp-block.wp-block-file .wp-block-file__button,
+                .editor-styles-wrapper .wp-block .wp-block-button:not(.is-style-outline) .wp-block-button__link,
+                .editor-styles-wrapper .wp-block .wp-block-button:not(.is-style-outline) .wp-block-button__link:active,
+                .editor-styles-wrapper .wp-block .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
+                .editor-styles-wrapper .wp-block .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
                         background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
                 }
 
                 /* Hover colors */
-                .editor-block-list__layout .editor-block-list__block a:hover,
-                .editor-block-list__layout .editor-block-list__block a:active,
-                .editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink:hover {
+                .editor-styles-wrapper .wp-block a:hover,
+                .editor-styles-wrapper .wp-block a:active,
+                .editor-styles-wrapper .wp-block.wp-block-file .wp-block-file__textlink:hover {
                         color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
                 }
 
                 /* Do not overwrite solid color pullquote or cover links */
-                .editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color a,
-                .editor-block-list__layout .editor-block-list__block .wp-block-cover a {
+                .editor-styles-wrapper .wp-block.wp-block-pullquote.is-style-solid-color a,
+                .editor-styles-wrapper .wp-block.wp-block-cover a {
                         color: inherit;
                 }