Mat-工具栏不会采用原色

Question

按照使用sidenav创建响应式工具栏的非常简单的步骤，我有一个小问题，这个小问题让我抓狂。

从ng generate @angular/material:navigation sideNav的基本原理图

I want the toolbar to seem to extend over the sidebar.那里已经有了一个工具栏，但在默认的原理图中，它的css设置为继承背景：

.sidenav .mat-toolbar {
  background: inherit;
}

因此，如果我注释掉它，然后将颜色添加到<mat-toolbar color="primary">Menu</mat-toolbar>

I get this white line separating the two toolbars.

我可以在sidenav div之外手动制作一个工具栏，但我非常确定这样做是错误的，而且我觉得有一些非常简单和明显的东西我没有弄明白。

非常感谢任何人的指点。

Answer 1

尝试从MatSidenav API实现fixedTopGap -这将允许您的sidenav滑出工具栏而不会重叠