Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8Framework UI

Slider handle

Carmelo Saffioti
5 years ago Sep 14, 2016 10:37am

Hi,
is it possible to change the Slider handle style? The default one is rounded, when changes are little they become imperceptible... I'd like to have a small and tight handle.

Edit:

Solution: adding these lines at bottom of scss:

.v-slider-handle:before, .v-slider-handle:after {
    content: "";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: 12px;
    height: 40px;
    border-radius: 11px;
    position: absolute;
    z-index: 1;
    margin-top: 8px;
    margin-left: 0px;
}