- This topic has 4 replies, 2 voices, and was last updated 5 years, 3 months ago by .
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- You must be logged in to reply to this topic.
JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Slider › horizontal range-slider missing selection track highlight from
Tagged: CSS slider
See: https://www.htmlelements.com/demos/slider/range-selection/
Blue highlight is missing on the horizontal range-slider track – regression in /source/styles/smart.default.css since 3.2.
Affected versions: 4.0 4.1 4.2 4.3 4.3
applies to basic, non-range sliders too: https://www.htmlelements.com/demos/slider/basic/
Hi cetinsert,
Thanks for writing.
The smart-slider .smart-value CSS is used. You can customize the CSS class based on your application needs.
Best Regards,
George
Smart HTML Elements Team
https://www.htmlelements.com
I mean … since 4.0! I need additional CSS to make that div appear for horizontal sliders. This is a regression in your CSS. Please treat it as such.
Below is a quick fix:
smart-slider:not([orientation=vertical]) .smart-value {
--h: 2px; --d: -1px;
height: var(--h);
transform: translate(var(--d), var(--d));
}
Now, this https://www.htmlelements.com/demos/slider/ticks-on-track/ works with CSS of >=4.0 but not in 3.2.
That is probably where the regression for the simpler case mentioned above was introduced!