Угловое положение материала меню - PullRequest
Новая
       33

Угловое положение материала меню

0 голосов
/ 28 сентября 2018

Угловое меню материала (https://material.angular.io/components/menu/overview) перекрывает главное меню при открытии подменю. Можно ли как-то запустить подменю в нижней части кнопки меню?

Я попытался установить css вОднако, глобальный CSS применяется и к соответствующим подменю.

.cdk-overlay-pane {margin-top: 40px;} Это не работает.

Пожалуйста, дайте мне знать, еслиУ кого-нибудь есть решение.

Спасибо.

1 Ответ

0 голосов
/ 04 октября 2018

Если вы добавите [overlapTrigger] = "false" к вашему мат-меню, вы получите желаемый эффект.

С этим набором, нажав на кнопку меню, под кнопкой откроется раскрывающийся список.

Вот пример: 

  <button mat-button [matMenuTriggerFor]="menu">Menu</button>
    <mat-menu #menu="matMenu" [overlapTrigger]="false">
       <button mat-menu-item>Item 1</button>
       <button mat-menu-item>Item 2</button>
    </mat-menu>
...