CSS box-shadow не отображается ⇐ CSS

[Anonymous]

У меня возникла проблема с CSS box-shadow.
В компании мы используем пользовательский интерфейс материала и базовую таблицу реагирования из нашего собственного сборника рассказов.
Моя проблема в том, что что в настоящее время я заменяю виртуализированную таблицу реагирования на базовую таблицу реагирования.
У меня был следующий стиль box-shadow в строке заголовка, который работал:

Код: Выделить всё

 .ReactVirtualized__Table {
.ReactVirtualized__Table__headerRow {
background-color: #ffffff;
box-shadow: 0 3px 3px -2px rgba(36, 36, 36, 0.12), 0 3px 4px 0 rgba(36, 36, 36, 0.14),
0 1px 8px 0 rgba(36, 36, 36, 0.2);
}
}

После реализации базовой таблицы реакции я добавил ее следующим образом (примечание: мы используем стиль jss):

Код: Выделить всё

 root: {
'& .BaseTable__header': {
boxShadow:
'0 3px 3px -2px rgba(36, 36, 36, 0.12), 0 3px 4px 0 rgba(36, 36, 36, 0.14), 0 1px 8px 0 rgba(36, 36, 36, 0.2)',
fontWeight: 'normal',
position: 'relative',
},
}

пробовал и по-другому:

Код: Выделить всё

 boxShadow: [
[0, 3, 3, -2, 'rgba(36, 36, 36, 0.12)'],
[0, 3, 4, 0, 'rgba(36, 36, 36, 0.14)'],
[0, 1, 8, 0, 'rgba(36, 36, 36, 0.2)'],
],

Тень появляется под строкой заголовка, но не над ней... Не могу понять, в чем может быть проблема.

Подробнее здесь: https://stackoverflow.com/questions/750 ... ot-showing