Fix settings tab active state border in block inspector (#48945)

Rich Tabor · web-flow · commit f41791277e7f · 2023-03-09T12:31:55.000-05:00
* Update style.scss

* Try margin on panel body instead

* Add comment
diff --git a/packages/block-editor/src/components/block-inspector/style.scss b/packages/block-editor/src/components/block-inspector/style.scss
@@ -27,6 +27,9 @@
 	.components-panel__body {
 		border: none;
 		border-top: $border-width solid $gray-200;
+
+		// Ensures this PanelBody is treated like the ToolsPanel, removing double borders.
+		margin-top: -$border-width;
 	}
 
 	.block-editor-block-card {

Original file line number	Diff line number	Diff line change
`@@ -27,6 +27,9 @@`
`27`	`27`	`.components-panel__body {`
`28`	`28`	`border: none;`
`29`	`29`	`border-top: $border-width solid $gray-200;`
	`30`	`+`
	`31`	`+ // Ensures this PanelBody is treated like the ToolsPanel, removing double borders.`
	`32`	`+ margin-top: -$border-width;`
`30`	`33`	`}`
`31`	`34`
`32`	`35`	`.block-editor-block-card {`