From 8ca18f06ad00a471d836d47c839d37940c7dc55e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Cem=20=C3=9Cnalan?= Date: Thu, 19 Sep 2024 15:26:06 +0300 Subject: [PATCH] Marketplace: hide the scrollbar from the category selector (#51527) * Marketplace: hide the scrollbar from the category selector Also fixed some button gradient issues * Marketplace: change scroll helper button cursor * Add changefile(s) from automation for the following project(s): woocommerce --------- Co-authored-by: github-actions --- .../components/category-selector/category-selector.scss | 6 +++++- .../changelog/51527-update-in-app-category-scrollbar | 4 ++++ 2 files changed, 9 insertions(+), 1 deletion(-) create mode 100644 plugins/woocommerce/changelog/51527-update-in-app-category-scrollbar diff --git a/plugins/woocommerce-admin/client/marketplace/components/category-selector/category-selector.scss b/plugins/woocommerce-admin/client/marketplace/components/category-selector/category-selector.scss index 952780f05e2..e0def897abe 100644 --- a/plugins/woocommerce-admin/client/marketplace/components/category-selector/category-selector.scss +++ b/plugins/woocommerce-admin/client/marketplace/components/category-selector/category-selector.scss @@ -6,6 +6,7 @@ align-items: stretch; margin: 0; overflow-x: auto; + scrollbar-width: none; } .woocommerce-marketplace__category-item { @@ -132,15 +133,18 @@ top: 0; bottom: 0; height: 100%; - width: 50px; + width: 100px; + cursor: pointer; } .woocommerce-marketplace__category-navigation-button--prev { background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); left: 0; + text-align: left; } .woocommerce-marketplace__category-navigation-button--next { background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); right: 0; + text-align: right; } diff --git a/plugins/woocommerce/changelog/51527-update-in-app-category-scrollbar b/plugins/woocommerce/changelog/51527-update-in-app-category-scrollbar new file mode 100644 index 00000000000..f7342ec51da --- /dev/null +++ b/plugins/woocommerce/changelog/51527-update-in-app-category-scrollbar @@ -0,0 +1,4 @@ +Significance: minor +Type: fix + +Fix marketplace category selector scrollbars and buttons \ No newline at end of file