Wt::WSlider - Responsive
Added by Ockert van Schalkwyk about 5 years ago
Hi
I would like to make the WSlider responsive for mobile. The issue is that the handle offsets are specified in absolute pixel offsets. Is there a solution for this? Almost everything else can be fixed in CSS.
Attached a screenshot
.patched.Wt-slider-h{
position:relative!important;
overflow:hidden;
background:linear-gradient(
to right,
rgba(255,255,255,0.0),
rgba(255,255,255,0.2)
);
padding:8px !important;
padding-right:8px!important;
border-radius:1px solid rgba(255,255,255,0.2);
border-radius:8px;
}
.patched.Wt-slider-h,
.patched.Wt-slider-h>.Wt-slider-bg,
.patched.Wt-slider-h>.Wt-slider-bg>div,
.patched.Wt-slider-h>.Wt-slider-bg>div>canvas,
.patched.Wt-slider-h>.Wt-w{
width:100%!important;
}
.patched.Wt-slider-h>.Wt-slider-bg>div>canvas{
height:80px;
}
.patched.Wt-slider-h>.Wt-w{
top:35px;
}
.patched.Wt-slider-h .handle {
}
wsliderq000.png (59.3 KB) wsliderq000.png |