HTML Elements Forums Slider horizontal range-slider missing selection track highlight from

Tagged: 

This topic contains 4 replies, has 2 voices, and was last updated by  Anonymous 3 months, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #100312

    Anonymous

    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

    #100313

    Anonymous

    applies to basic, non-range sliders too:¬ https://www.htmlelements.com/demos/slider/basic/

    #100314

    admin
    Keymaster

    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

    #100315

    Anonymous

    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));
    }

    #100316

    Anonymous

    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!

    • This reply was modified 3 months, 1 week ago by  .
    • This reply was modified 3 months, 1 week ago by  .
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.