From b68865f1243e7eb68fe3754c6fc5da560611e508 Mon Sep 17 00:00:00 2001 From: Benjamin Ritner Date: Sun, 9 Dec 2018 15:53:25 -0600 Subject: [PATCH 1/3] Update css to fix padding with colorPicker --- packages/components/src/color-picker/style.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/components/src/color-picker/style.scss b/packages/components/src/color-picker/style.scss index 336c684dfeca98..bda49158819177 100644 --- a/packages/components/src/color-picker/style.scss +++ b/packages/components/src/color-picker/style.scss @@ -35,7 +35,7 @@ position: relative; } .components-color-picker__body { - padding: 16px 16px 12px; + padding: 16px 0 12px; } .components-color-picker__controls { display: flex; @@ -199,6 +199,9 @@ fieldset { flex: 1; } + .components-color-picker__inputs-fields .components-text-control__input { + padding: 2px; + } } .components-color-picker__inputs-fields { display: flex; From ba4ddd2c0737327f25c165853e1a26b737aa0884 Mon Sep 17 00:00:00 2001 From: Benjamin Ritner Date: Sun, 9 Dec 2018 16:06:34 -0600 Subject: [PATCH 2/3] Focus on to numbers --- packages/components/src/color-picker/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/src/color-picker/style.scss b/packages/components/src/color-picker/style.scss index bda49158819177..fd2fcc5a20906c 100644 --- a/packages/components/src/color-picker/style.scss +++ b/packages/components/src/color-picker/style.scss @@ -199,7 +199,7 @@ fieldset { flex: 1; } - .components-color-picker__inputs-fields .components-text-control__input { + .components-color-picker__inputs-fields .components-text-control__input[type="number"] { padding: 2px; } } From cc7950188522fc989e84952e7c93fe0ec11dc08b Mon Sep 17 00:00:00 2001 From: Benjamin Ritner Date: Mon, 17 Dec 2018 17:56:50 -0700 Subject: [PATCH 3/3] Requested changes --- packages/components/src/color-picker/style.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/components/src/color-picker/style.scss b/packages/components/src/color-picker/style.scss index fd2fcc5a20906c..368c6f8a70321d 100644 --- a/packages/components/src/color-picker/style.scss +++ b/packages/components/src/color-picker/style.scss @@ -35,7 +35,7 @@ position: relative; } .components-color-picker__body { - padding: 16px 0 12px; + padding: $grid-size-large 0 #{ $grid-size-small * 3 }; } .components-color-picker__controls { display: flex; @@ -199,6 +199,7 @@ fieldset { flex: 1; } + .components-color-picker__inputs-fields .components-text-control__input[type="number"] { padding: 2px; }