diff --git a/packages/block-editor/src/hooks/border-color.js b/packages/block-editor/src/hooks/border-color.js index e6de35ac10d94..30f7d15233dd9 100644 --- a/packages/block-editor/src/hooks/border-color.js +++ b/packages/block-editor/src/hooks/border-color.js @@ -92,6 +92,7 @@ export function BorderColorEdit( props ) { disableCustomColors={ disableCustomColors } disableCustomGradients={ disableCustomGradients } onColorChange={ onChangeColor } + clearable={ false } /> ); } diff --git a/packages/block-editor/src/hooks/border.scss b/packages/block-editor/src/hooks/border.scss new file mode 100644 index 0000000000000..c86c046309d88 --- /dev/null +++ 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/block-editor/src/style.scss b/packages/block-editor/src/style.scss index a4aae5293ca5e..6cb68d820be86 100644 --- a/packages/block-editor/src/style.scss +++ b/packages/block-editor/src/style.scss @@ -55,6 +55,7 @@ @import "./components/warning/style.scss"; @import "./hooks/anchor.scss"; @import "./hooks/layout.scss"; +@import "./hooks/border.scss"; @import "./hooks/typography.scss"; @import "./components/block-toolbar/style.scss"; diff --git a/packages/edit-site/src/components/global-styles/border-panel.js b/packages/edit-site/src/components/global-styles/border-panel.js index 23cdaa88b7b0e..f39d9d99b8367 100644 --- 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 } /> ) } diff --git a/packages/edit-site/src/components/sidebar/style.scss b/packages/edit-site/src/components/sidebar/style.scss index a4749729a1cd4..b75fb1a7ed035 100644 --- 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;