Mat-sidenav ширина Angular Material на 1 пиксель меньше, чем в CSS

Question

Эй, пытался настроить Angular Material SideNav, и после получения базовой настройки макета я заметил белую линию на правой стороне, когда SideNav открыт (не закончен).При взгляде на это в инструментах разработки он на 1 пиксель меньше ширины, которую я установил.

Таким образом, ширина mat-sidenav на 1 пиксель меньше, чем та, которую я установил в CSS.Я установил его на 240, и он возвращается на 239, и это делает его на 1 пиксель меньше ожидаемого и выставляет белый, находящийся под ним.См. Скриншот ниже.

Я создал стек, который воспроизводит эту проблему.

https://stackblitz.com/edit/angular-skcmty?embed=1&file=app/sidenav-overview-example.html

Answer 1

Кажется, что mat-sidenav имеет свойство border-right 1px. Вы можете изменить его в своем CSS:

 mat-sidenav{
   border-right:0px;
 }