Border panel: Update panel layout (#35938)

* Restore single-column styling for appropriate controls * Remove clear button from Color picker in ToolsPanel
WordPress · Nov 29, 2021 · 02335dc · 02335dc
1 parent 8c195d3
commit 02335dc
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/packages/block-editor/src/hooks/border.scss b/packages/block-editor/src/hooks/border.scss
@@ -0,0 +1,5 @@
+.border-block-support-panel {
+	.single-column {
+		grid-column: span 1;
+	}
+}
diff --git a/packages/edit-site/src/components/global-styles/border-panel.js b/packages/edit-site/src/components/global-styles/border-panel.js
@@ -176,6 +176,7 @@ export default function BorderPanel( { name } ) {
 						disableCustomColors={ disableCustomColors }
 						disableCustomGradients={ disableCustomGradients }
 						onColorChange={ handleOnChange( setBorderColor ) }
+						clearable={ false }
 					/>
 				</ToolsPanelItem>
 			) }

diff --git a/packages/edit-site/src/components/sidebar/style.scss b/packages/edit-site/src/components/sidebar/style.scss
@@ -39,6 +39,10 @@
 	border: 0;
 }
 
+.edit-site-global-styles-sidebar .components-tools-panel-item.single-column {
+	grid-column: span 1;
+}
+
 .edit-site-global-styles-sidebar__blocks-group {
 	padding-top: $grid-unit-30;
 	border-top: $border-width solid $gray-200;