From 8564939a51ee38095c869aa7cf0eb7d1e493a7c6 Mon Sep 17 00:00:00 2001 From: Rich Tabor Date: Fri, 19 Nov 2021 12:42:10 -0500 Subject: [PATCH 1/2] Add missing border shadow to colors --- packages/components/src/color-indicator/style.scss | 13 +++++++++++++ .../src/components/global-styles/style.scss | 4 ++++ 2 files changed, 17 insertions(+) diff --git a/packages/components/src/color-indicator/style.scss b/packages/components/src/color-indicator/style.scss index 3729291268a8ef..918b415dbecf28 100644 --- a/packages/components/src/color-indicator/style.scss +++ b/packages/components/src/color-indicator/style.scss @@ -4,6 +4,19 @@ margin-left: 0.8rem; border: 1px solid #dadada; display: inline-block; + position: relative; + + &::after { + content: ""; + position: absolute; + top: -1px; + left: -1px; + bottom: -1px; + right: -1px; + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + border: 1px solid transparent; + } & + & { margin-left: 0.5rem; diff --git a/packages/edit-site/src/components/global-styles/style.scss b/packages/edit-site/src/components/global-styles/style.scss index e92d9a832f6ffc..2dffb749d61c11 100644 --- a/packages/edit-site/src/components/global-styles/style.scss +++ b/packages/edit-site/src/components/global-styles/style.scss @@ -12,6 +12,10 @@ width: 36px; margin-left: 0; padding: 0; + + &::after { + display: none; + } } } From 02bef291a205b5fe53a85e8604410f77d95dfb0d Mon Sep 17 00:00:00 2001 From: Rich Tabor Date: Fri, 19 Nov 2021 13:05:52 -0500 Subject: [PATCH 2/2] Make room for RemoveButton --- packages/components/src/color-edit/styles.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/src/color-edit/styles.js b/packages/components/src/color-edit/styles.js index 6b9e417466e53f..b57e6c0498a65c 100644 --- a/packages/components/src/color-edit/styles.js +++ b/packages/components/src/color-edit/styles.js @@ -48,7 +48,7 @@ export const ColorNameInputControl = styled( InputControl )` `; export const ColorItem = styled( Item )` - padding: 3px 0 3px ${ space( 3 ) }; + padding: 3px ${ space( 3 ) }; height: calc( 40px - ${ CONFIG.borderWidth } ); `;