-
Notifications
You must be signed in to change notification settings - Fork 10.8k
Labels
BugThe issue is a confirmed bug.The issue is a confirmed bug.Good First IssueThe issue is a good candidate for the first community contribution/for a newcomer to the team.The issue is a good candidate for the first community contribution/for a newcomer to the team.KirigamiWC Store Editing (FSE)WC Store Editing (FSE)block: filter by priceIssues related to the Filter by Price block.Issues related to the Filter by Price block.
Description
For some reason, the Filter by Price slider color is hardcoded to purple in RTL languages.
Steps to reproduce
- Create a page and add the Filter by Price and Product Collection blocks.
- Go to the frontend and notice the Filter by Price slider uses the current font color (likely black).
- Switch your store language to a RTL language (ie: Arabic).
- Reload the page created previously and notice the slider is now purple.
LTR | RTL |
---|---|
Expected behavior: in any language the slider color should inherit the font color.
I think the relevant code can be found here:
woocommerce/plugins/woocommerce-blocks/assets/js/base/components/price-slider/style.scss
Lines 243 to 249 in c1eb2ed
.rtl { | |
.wc-block-components-price-slider__range-input-progress { | |
--track-background: linear-gradient(to left, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 100% / 100% 100%; | |
--range-color: #{$studio-woocommerce-purple-30}; | |
background: var(--track-background); | |
} | |
} |
Metadata
Metadata
Assignees
Labels
BugThe issue is a confirmed bug.The issue is a confirmed bug.Good First IssueThe issue is a good candidate for the first community contribution/for a newcomer to the team.The issue is a good candidate for the first community contribution/for a newcomer to the team.KirigamiWC Store Editing (FSE)WC Store Editing (FSE)block: filter by priceIssues related to the Filter by Price block.Issues related to the Filter by Price block.