-
Notifications
You must be signed in to change notification settings - Fork 39
This issue was moved to a discussion.
You can continue the conversation there. Go to discussion →
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[bug] --range-pip-in-range-text
color not applied on the pip matching the current value
#60
Comments
hi, @gbcreation this is not considered a bug, this is the correct styling/behaviour as I intended. You may set the css color values for
|
Hi @simeydotme thank you for your quick answer. |
:) I should have documented all of these, but essentially u can inspect the elements with devtools and see all the css variables; all the variables have an override ( .rangeSlider {
--pip: var(--range-pip, lightslategray);
--pip-text: var(--range-pip-text, var(--pip));
--pip-active: var(--range-pip-active, darkslategrey);
--pip-active-text: var(--range-pip-active-text, var(--pip-active));
--pip-hover: var(--range-pip-hover, darkslategrey);
--pip-hover-text: var(--range-pip-hover-text, var(--pip-hover));
--pip-in-range: var(--range-pip-in-range, var(--pip-active));
--pip-in-range-text: var(--range-pip-in-range-text, var(--pip-active-text));
}
.rangeSlider {
--slider: var(--range-slider, #d7dada);
--handle-inactive: var(--range-handle-inactive, #99a2a2);
--handle: var(--range-handle, #838de7);
--handle-focus: var(--range-handle-focus, #4a40d4);
--handle-border: var(--range-handle-border, var(--handle));
--range-inactive: var(--range-range-inactive, var(--handle-inactive));
--range: var(--range-range, var(--handle-focus));
--float-inactive: var(--range-float-inactive, var(--handle-inactive));
--float: var(--range-float, var(--handle-focus));
--float-text: var(--range-float-text, white);
} If you want to contribute by adding some documentation for that to the |
This issue was moved to a discussion.
You can continue the conversation there. Go to discussion →
Describe the bug
When the current value of the slider matches exactly one of the pip, the
--range-pip-in-range-text
color is not applied to that pip.To Reproduce
Steps to reproduce the behavior:
Expected behavior
All pips in the range should be in orange, including the one matching exactly the current value.
Screenshots
The text was updated successfully, but these errors were encountered: