Sergio-Ka / FlatUI

Компонентная респонсивная верстка kit-набора FlatUI с использованием методологии BEM и препроцессоров Pug, Stylus, сборщик Webpack, библиотека JQuery и плагин JQueryUI. Тестовое задание 2.1 от FSD.
0 stars 0 forks source link

Не переопределять стили глобально #21

Closed chmnkh closed 5 years ago

chmnkh commented 5 years ago
.slider-with-pop-up

  &__handle_theme_orange
  &__range-min_theme_orange
    background #E75735 !important

.slider-value
  position absolute
  left -0.5rem

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

Sergio-Ka commented 5 years ago

Нет, этот элемент я сам прикрепляю к слайдеру (к самому ползунку) в настройках слайдера в параметре create (то есть при инициализации), он не библиотечный. Соответственно стилей у него нет никаких, а стало быть я их не переопределяю, а просто определяю. create: (event) => { const $sliderHandle = $(event.target).find('.ui-slider-handle'); $sliderHandle.append(<input class="slider-value js-slider-value" value="${value}"/><div class="slider-value__tail"></div>); }

chmnkh commented 5 years ago

image у тебя элемент slider-value__tail вне блока находится, во-первых во-вторых, а почему это не сделать элементом slider-with-pop-up? почему отдельный блок?

Sergio-Ka commented 5 years ago

Исправил.