Project

General

Profile

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 {
}


    (1-1/1)