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 <github-actions@github.com>
This commit is contained in:
Cem Ünalan 2024-09-19 15:26:06 +03:00 committed by GitHub
parent ec9cdbdbf7
commit 8ca18f06ad
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 1 deletions

View File

@ -6,6 +6,7 @@
align-items: stretch; align-items: stretch;
margin: 0; margin: 0;
overflow-x: auto; overflow-x: auto;
scrollbar-width: none;
} }
.woocommerce-marketplace__category-item { .woocommerce-marketplace__category-item {
@ -132,15 +133,18 @@
top: 0; top: 0;
bottom: 0; bottom: 0;
height: 100%; height: 100%;
width: 50px; width: 100px;
cursor: pointer;
} }
.woocommerce-marketplace__category-navigation-button--prev { .woocommerce-marketplace__category-navigation-button--prev {
background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
left: 0; left: 0;
text-align: left;
} }
.woocommerce-marketplace__category-navigation-button--next { .woocommerce-marketplace__category-navigation-button--next {
background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
right: 0; right: 0;
text-align: right;
} }

View File

@ -0,0 +1,4 @@
Significance: minor
Type: fix
Fix marketplace category selector scrollbars and buttons