У меня проблемы с получением круговых ручек, чтобы хорошо играть с nouislider - PullRequest
0 голосов
/ 24 июня 2018

Я использую эти стили:

/** noUISlider overrides */
.noUi-horizontal
  height: 20px

.noUi-target
  background: #e0e0e0
  border-radius: 20px
  border: 0
  box-shadow: none

.noUi-connect
  background: #21528d
  margin: 0 10px

.noUi-handle
  border-radius: 10px
  border: 2px solid #21528d
  box-shadow: none
  width: 20px !important
  height: 20px !important
  left: 0px !important
  top: 0px !important

.noUi-handle-upper
  left: -20px !important

.noUi-handle:after
  display: none

.noUi-handle:before
  width: 8px
  height: 8px
  border-radius: 10px
  top: 4px
  left: 4px
  background: #c3c3c3

Что приводит к этому ползунку:

Slider screenshot 1

, что именноЯ хочу.Проблема возникает, когда я полностью сдвигаю верхнюю ручку до 0:

Slider screenshot 2

Крепления верхней границы на правой стороне и якоря нижней границына левой стороне .... это означает, что верхняя граница фактически скользит за нижнюю границу и располагается слева от нее на последнем скриншоте.

Это должна быть простая настройка стиля, но у меня нетудалось выяснить, как это сделать, и я надеюсь, что кто-то уже решил эту проблему и может поделиться ответом.

...