Невозможно изменить высоту строки

Question

Я использую sh, чтобы использовать альпийскую темную тему и просто настроить высоту строки.

Это файл .s css, который я импортирую в свой компонент:

@import '../../../node_modules/ag-grid-community/src/styles/ag-grid.scss';
@import '../../../node_modules/ag-grid-community/src/styles/ag-theme-alpine-dark/sass/_ag-theme-alpine-dark-mixin.scss';

.ag-theme-alpine-dark {
  @include ag-theme-alpine-dark(
    (
      background-color: red,
      row-height: ag-derived(grid-size, $times: 2, $plus: 1)
    )
  );
}

Отображается цвет фона, поэтому я знаю, что все импортировано правильно.

Значением по умолчанию для row-height является ag-derived(grid-size, $times: 7), в конечном итоге импортируемое из node_modules/ag-grid-community/dist/styles/ag-theme-alpine/sass/_ag-theme-alpine-default-params.scss.

Не уверен, что это за ag-derived волхвы c, или каково значение $times. Я бы подумал, что понижение значения $times в моем .s css повлияет на высоту строки, но, похоже, просто изменит высоту строки в ячейках.

Кроме того, если я установлю row-height: 100px в моем .s css, высота строки останется прежней, а высота строк в ячейках изменится на 98px.

Если я установите rowHeight={100} в свойствах сетки, тогда это работает, но высота строки остается 40px.

Настройка headerHeight={100} работает как положено - высота и высота строки равны 100px.

Кроме того, мне нужно изменить высоту строки плавающего фильтра, но, похоже, нет способа сделать это.

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

Редактировать:

Итак, чтобы на данный момент это заработало, я устанавливаю следующие свойства сетки:

floatingFiltersHeight={32}
rowHeight={32}
headerHeight={32}

и добавляю следующие для моего компонента .s css:

.ag-cell {
   line-height: 32px;
}