Scrollbar changed layout? about swiffy-slider HOT 7 CLOSED

This is due to an update of styling of scrollbars in Google Chrome 121. It has started to support the CSS specifications for scrollbars which is also part of Swiffy Slider.

This can be adjusted to fit with their new approach, but requires some refactoring of the CSS. Will work this into the next version.

from swiffy-slider.

Thanks for the explanation. We will look forward to it being resolved in the next version, as we use them a lot on several of our websites, and the "old look" with arrows doesn't look super good and do not match our overall design.

When do you expect the next version to be ready for launch, just so we have a sense of the timeline?

from swiffy-slider.

Thanks for the explanation. We will look forward to it being resolved in the next version, as we use them a lot on several of our websites, and the "old look" with arrows doesn't look super good and do not match our overall design.

When do you expect the next version to be ready for launch, just so we have a sense of the timeline?

from swiffy-slider.

It's open source, so it is night time. There is a lot of changes that needs to go out with next release that needs testing and docs first. There is no dead-line.

You can fix the rendering issue by inserting this snippet after swiffy-slider.css

<style>
        .slider-container {
    scrollbar-width: inherit!important;
    scrollbar-color: inherit!important;
}
.slider-nav-scrollbar .slider-container {
    scrollbar-width: inherit!important;
}
    </style>

from swiffy-slider.

Hello,
I tried to paste in the code in this file: swiffy-slider.min.css

It just made the scrollbar even bigger. But still the same old "WIN-98"-ish look.
Not the modern smooth look. See screenshot of before and after.

IS the code right, or do I paste it incorrect?

from swiffy-slider.

You cannot add s <style> tag in a css.

If you add the code directly in CSS, it has to be without html tags.

.slider-container {
    scrollbar-width: inherit!important;
    scrollbar-color: inherit!important;
}
.slider-nav-scrollbar .slider-container {
    scrollbar-width: inherit!important;
}

from swiffy-slider.

Sorry, it did not work. It just makes the scrollbar looks bigger.

from swiffy-slider.