Итак, я пытаюсь обновить мат-меню, чтобы в раскрывающемся меню были указаны c высота и ширина. Моя проблема в том, что я могу сделать это только в том случае, если селектор css находится в глобальном файле css. Ниже, как я написал это в глобальном css файле.
.mat-menu-panel { // makes the menu dropdown have a minimum width and height
min-width: 700px !important;
min-height: 500px;
Еще раз, если бы я переместил код из глобального файла в файл локального компонента css для указанного компонента c, который я хочу применить к нему, он проигнорирует все это. Кто-нибудь знает, почему это может быть?
Обратите внимание, что панель mat-menu-panel является селектором, который записан в коде Angular Material css (поэтому он не указан в коде html ... это просто свойственный Anular Material. Это мое понимание, по крайней мере)
Ниже приведен код, который находится в компоненте. html файл, к которому я хочу применить код css.
<button mat-button [matMenuTriggerFor]="menu">Drop Down</button>
<mat-menu #menu="matMenu">
Наконец, ниже указан специфический c компонент, с которым я работаю
https://material.angular.io/components/menu/overview