From 72f5db9b6d2b1075284965caaa71fad7d15b3b4b Mon Sep 17 00:00:00 2001 From: Roy Ho Date: Mon, 18 Mar 2024 13:05:49 -0700 Subject: [PATCH] Change checkbox label to be inline-flex to limit the width to the content (#45603) * Change checkbox label to be inline-flex to limit the width to the content * Add changefile(s) from automation for the following project(s): woocommerce-blocks * Fix changelog entry * Add changefile(s) from automation for the following project(s): woocommerce-blocks * Add changefile(s) from automation for the following project(s): woocommerce-blocks --------- Co-authored-by: github-actions --- .../packages/components/checkbox-control/style.scss | 2 +- .../changelog/45603-product-filters-clickable-area | 4 ++++ 2 files changed, 5 insertions(+), 1 deletion(-) create mode 100644 plugins/woocommerce/changelog/45603-product-filters-clickable-area diff --git a/plugins/woocommerce-blocks/packages/components/checkbox-control/style.scss b/plugins/woocommerce-blocks/packages/components/checkbox-control/style.scss index e3235c3002b4..e5bfbd93a695 100644 --- a/plugins/woocommerce-blocks/packages/components/checkbox-control/style.scss +++ b/plugins/woocommerce-blocks/packages/components/checkbox-control/style.scss @@ -5,7 +5,7 @@ label { align-items: flex-start; - display: flex; + display: inline-flex; position: relative; cursor: pointer; @include font-size(small); diff --git a/plugins/woocommerce/changelog/45603-product-filters-clickable-area b/plugins/woocommerce/changelog/45603-product-filters-clickable-area new file mode 100644 index 000000000000..e0f21621f465 --- /dev/null +++ b/plugins/woocommerce/changelog/45603-product-filters-clickable-area @@ -0,0 +1,4 @@ +Significance: patch +Type: enhancement + +Limit checkbox clickable area from being out of bounds \ No newline at end of file