Как добавить box-shadow к :hover миниатюры слайдера?

Question

[Николай Добрынин]

Сам слайдер
https://www.jssor.com/byfbir/image-gallery-with-ve...
Слева миниатюры
не могу понять как сделать так что бы при наведении был box-shadow .

Answer 1

[hzzzzl]

это потому что у тебя на родительском диве overflow:hidden, и поэтому ничего за его границы не вылезает
https://codepen.io/anon/pen/VOWBmz

Comments

[Николай Добрынин]

Спасибо, очень помогло,

div[data-u="slides"] {
  overflow: inherit!important;
}

добавил вот такую конструкцию т.к. боюсь лезть в скрипт насколько это плохо?

[hzzzzl]

fbir, честный ответ - а кто его знает, что будет на всех разрешениях и на всех девайсах, предлагаю запомнить, что эта строчка есть в css и потестировать, не развалится ли слайдер при каком-нибудь неочевидном условии

просто иначе я не придумал как до этого дива достучаться, кроме как через data-u

[Николай Добрынин]

hzzzzl, по итогу я задал стиль для этого блока в верстке и принудительно для него прописал этот стиль. в скрипт не лез все вышло хорошо) но вы мне очень сильно помогли.

Answer 2

[Шохрух Шаймардонов]

Selector:hover {
	box-shadow....
}

Comments

[Николай Добрынин]

Шохрух Шаймардонов было бы все так просто, я бы сюда не писал.

[Шохрух Шаймардонов]

fbir, ну тогда укажите на саму проблему. Где какая ошибка или что не идет. Почему вариант, который я указал не подходит

[Николай Добрынин]

Шохрух Шаймардонов, сама тень прописывается, но создается впечатление что скрипт обрезает ширину блока в которой находится миниатюра. потому box-shadow не виден. И я признаться не знаю даже как правильно загуглить проблему.

[Шохрух Шаймардонов]

fbir, ну раз не знаете как гуглить, выложите код, и покажите что должно получиться

[Николай Добрынин]

Шохрух Шаймардонов, https://codepen.io/byFbir/pen/xNrzJb

вроде все правильно сделал

получиться должно вот так

[Николай Добрынин]

Шохрух Шаймардонов, на данный момент проблема только с hover.