Как добавить определенные c стили компонента Angular Материал

Question

В настоящее время я использую Angular Материал для своего приложения, но некоторые стили переопределяют стили шаблона, который я использую. На самом деле это касается множества классов.

Я пытаюсь просто добавить стили компонентов, которые мне нужны. Мне лично нужны компоненты BottomSheet и Dialog из этого Angular Material.

Я обнаружил, что вы можете добавить определенные c стили из Angular Материал с опцией тематики в их документации, но когда я добавляю стили для BottomSheet и Dialog в мои файлы styles.scss, я ничего не вижу, потому что я у меня нет стилей для cdk-overlay-container, но я не могу найти файл s css с этими стилями, чтобы добавить их в мои файлы styles.s css.

Это мой код в файл styles.scss на данный момент:

@import '~@angular/material/theming';

$candy-app-primary: mat-palette($mat-indigo);
$candy-app-accent:  mat-palette($mat-pink, A200, A100, A400);
$candy-app-theme:   mat-light-theme($candy-app-primary, $candy-app-accent);

@include mat-bottom-sheet-theme($candy-app-theme);
@include mat-dialog-theme($candy-app-theme);

Есть идеи, как это исправить? Спасибо!

Answer 1

Для тех, кто сталкивается с той же проблемой, просто пытается добавить специальный c компонент, которому нужны эти cdk-overlay-container стили. Вам просто нужно добавить файл s css с этой библиотекой, просто добавьте его в свой styles.scss:

@import '~@angular/cdk/overlay-prebuilt.css';