Changeset 56036

Timestamp:

06/26/2023 03:48:23 PM (23 months ago)

Author:

audrasjb

Message:

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

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.

Location:

trunk/src/wp-content/themes/twentynineteen

Files:

• style-editor.css (modified) (1 diff)
• style-editor.scss (modified) (1 diff)

trunk/src/wp-content/themes/twentynineteen/style-editor.css

@@ -1277 +1277 @@
 }
 
+.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 */

trunk/src/wp-content/themes/twentynineteen/style-editor.scss

@@ -651 +651 @@
         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;
     }
 }