Есть ли способ в Angular получить мат-слайдер шириной менее 128 пикселей?

Question

Мне не удалось найти никаких способов получить мат-слайдер шириной менее 128 пикселей. Есть ли способ сделать это? Я использовал transform: scale(); как временное решение, но это создает проблемы с другими элементами. Пример слайдера, с которым я работаю, можно найти здесь. Ширину css можно увеличить, но как только вы уменьшите ее до 128 пикселей, она уже не станет меньше.

Answer 1

Это потому что .mat-slider-horizontal имеет min-width свойство 128px.

Вы можете изменить это с помощью:

.mat-slider-horizontal {
  min-width: unset;
}

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

Вот обновленный Stackblitz:

https://stackblitz.com/edit/angular-v5leng?file=src/app/slider-overview-example.css