List View: fix appender size

WordPress · Dec 22, 2024 · 58f2ed4 · 58f2ed4
1 parent f91990d
commit 58f2ed4
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.
+	&.block-editor-inserter__toggle {
+		min-width: $button-size-small;
+	}
+
 	&:hover,
 	&:focus {
 		background: var(--wp-admin-theme-color);