From d339e9ff5bbd8bc4c795223bc7810fd602f3523c Mon Sep 17 00:00:00 2001 From: Dan Q Date: Mon, 18 Sep 2023 10:47:12 +0100 Subject: [PATCH 1/5] Rather than adding border, add color to border of search box This prevents the "jiggle" issue. --- .../client/marketplace/components/search/search.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/plugins/woocommerce-admin/client/marketplace/components/search/search.scss b/plugins/woocommerce-admin/client/marketplace/components/search/search.scss index d65c24f36b1..30b0596099f 100644 --- a/plugins/woocommerce-admin/client/marketplace/components/search/search.scss +++ b/plugins/woocommerce-admin/client/marketplace/components/search/search.scss @@ -3,6 +3,7 @@ .woocommerce-marketplace__search { grid-area: mktpl-search; background: $gutenberg-gray-100; + border: 1.5px solid transparent; border-radius: 2px; display: flex; height: 40px; @@ -15,7 +16,7 @@ &:focus-within { background: #fff; - border: 1.5px solid var(--wp-admin-theme-color, #3858e9); + border-color: var(--wp-admin-theme-color, #3858e9); } @media (width <= $breakpoint-medium) { From 2720fe0993a361aaccd8f252111e0caa52a24218 Mon Sep 17 00:00:00 2001 From: github-actions Date: Mon, 18 Sep 2023 09:57:25 +0000 Subject: [PATCH 2/5] Add changefile(s) from automation for the following project(s): woocommerce --- .../woocommerce/changelog/fix-wccom-18179-search-box-border | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 plugins/woocommerce/changelog/fix-wccom-18179-search-box-border diff --git a/plugins/woocommerce/changelog/fix-wccom-18179-search-box-border b/plugins/woocommerce/changelog/fix-wccom-18179-search-box-border new file mode 100644 index 00000000000..5625300eec7 --- /dev/null +++ b/plugins/woocommerce/changelog/fix-wccom-18179-search-box-border @@ -0,0 +1,5 @@ +Significance: patch +Type: fix +Comment: Prevented a 1.5px cosmetic shift of contents in the Extension Search box when focussing/unfocussing. + + From af10078e044dc4989f0f13edff2c16122c4de1c5 Mon Sep 17 00:00:00 2001 From: Dan Q Date: Mon, 25 Sep 2023 09:30:12 +0100 Subject: [PATCH 3/5] Inconsequential change to trigger hooks --- plugins/woocommerce/changelog/fix-wccom-18179-search-box-border | 1 - 1 file changed, 1 deletion(-) diff --git a/plugins/woocommerce/changelog/fix-wccom-18179-search-box-border b/plugins/woocommerce/changelog/fix-wccom-18179-search-box-border index 5625300eec7..d37a487c5f6 100644 --- a/plugins/woocommerce/changelog/fix-wccom-18179-search-box-border +++ b/plugins/woocommerce/changelog/fix-wccom-18179-search-box-border @@ -2,4 +2,3 @@ Significance: patch Type: fix Comment: Prevented a 1.5px cosmetic shift of contents in the Extension Search box when focussing/unfocussing. - From 547ad79a5a6942a3c976c1402b80993f06aa4ce9 Mon Sep 17 00:00:00 2001 From: github-actions Date: Mon, 25 Sep 2023 08:34:22 +0000 Subject: [PATCH 4/5] Add changefile(s) from automation for the following project(s): woocommerce --- plugins/woocommerce/changelog/fix-wccom-18179-search-box-border | 1 + 1 file changed, 1 insertion(+) diff --git a/plugins/woocommerce/changelog/fix-wccom-18179-search-box-border b/plugins/woocommerce/changelog/fix-wccom-18179-search-box-border index d37a487c5f6..5625300eec7 100644 --- a/plugins/woocommerce/changelog/fix-wccom-18179-search-box-border +++ b/plugins/woocommerce/changelog/fix-wccom-18179-search-box-border @@ -2,3 +2,4 @@ Significance: patch Type: fix Comment: Prevented a 1.5px cosmetic shift of contents in the Extension Search box when focussing/unfocussing. + From f0296485c3fc55ec714a39b356d0a9de2c1712c4 Mon Sep 17 00:00:00 2001 From: Dan Q Date: Mon, 25 Sep 2023 10:00:18 +0100 Subject: [PATCH 5/5] Inconsequential change to trigger hooks again --- plugins/woocommerce/changelog/fix-wccom-18179-search-box-border | 1 + 1 file changed, 1 insertion(+) diff --git a/plugins/woocommerce/changelog/fix-wccom-18179-search-box-border b/plugins/woocommerce/changelog/fix-wccom-18179-search-box-border index 5625300eec7..5b89c17f125 100644 --- a/plugins/woocommerce/changelog/fix-wccom-18179-search-box-border +++ b/plugins/woocommerce/changelog/fix-wccom-18179-search-box-border @@ -3,3 +3,4 @@ Type: fix Comment: Prevented a 1.5px cosmetic shift of contents in the Extension Search box when focussing/unfocussing. +