List View: fix appender size (#68221)

* List View: fix appender size * Change CSS selector Co-authored-by: t-hamano <[email protected]> Co-authored-by: tyxla <[email protected]>
WordPress · Dec 23, 2024 · d1ba3bb · d1ba3bb
1 parent d678c3a
commit d1ba3bb
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/packages/block-editor/src/components/list-view/style.scss b/packages/block-editor/src/components/list-view/style.scss
@@ -553,13 +553,18 @@ svg {
 }
 
 .list-view-appender .block-editor-inserter__toggle {
-	background-color: #1e1e1e;
-	color: #fff;
-	margin: $grid-unit-10 0 0 24px;
-	height: 24px;
-	min-width: 24px;
+	background-color: $gray-900;
+	color: $white;
+	margin: $grid-unit-10 0 0 $grid-unit-30;
+	height: $button-size-small;
 	padding: 0;
 
+	// TODO: Consider passing size="small" to the Inserter toggle instead.
+	// Special dimensions for this button.
+	&.has-icon.is-next-40px-default-size {
+		min-width: $button-size-small;
+	}
+
 	&:hover,
 	&:focus {
 		background: var(--wp-admin-theme-color);