Fix block toolbar dropdown separator color. (#60336)

* Fix block toolbar dropdown separator color. * Update packages/components/src/dropdown/style.scss Co-authored-by: Marin Atanasov <8436925+tyxla@users.noreply.github.com> * Update changelog. --------- Co-authored-by: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
WordPress · Apr 1, 2024 · d13604a · d13604a
1 parent 5f6687a
commit d13604a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 ### Bug Fix
 
+-   `Dropdown`: Fix bug with separator styling. ([#60336](https://github.com/WordPress/gutenberg/pull/60336)).
 -   `InputControl`: Ignore IME events when `isPressEnterToChange` is enabled ([#60090](https://github.com/WordPress/gutenberg/pull/60090)).
 -   `TextControl`: Apply zero margin to input element ([#60282](https://github.com/WordPress/gutenberg/pull/60282)).
 

diff --git a/packages/components/src/dropdown/style.scss b/packages/components/src/dropdown/style.scss
@@ -31,9 +31,9 @@
 		margin-top: 0;
 		border-top: $border-width solid $gray-400;
 		padding: $grid-unit-10;
+	}
 
-		.is-alternate & {
-			border-color: $gray-900;
-		}
+	&.is-alternate .components-menu-group + .components-menu-group {
+		border-color: $gray-900;
 	}
 }