У меня есть проект angular, в котором у меня есть 2 панели инструментов: первая - это панель инструментов для всего приложения. Я помещаю этот код в панель инструментов компонента:
<-- toolbar.component.css-->
mat-toolbar {
position: fixed;
justify-content: space-between;
align-items: center;
top: 0;
z-index: 1000;
}
<--toolbar.component.html-->
<mat-toolbar>
...
</mat-toolbar>
Вторая панель инструментов находится внутри другого компонента:
<--component.css-->
mat-toolbar {
position: relative;
justify-content: space-between;
align-items: center;
}
<--component.html-->
<mat-toolbar color="primary">
...
</mat-toolbar>
Моя проблема в том, что вторая панель инструментов не отображается. вторая панель инструментов должна отображаться сразу после фиксированной панели инструментов.
Я звоню двум компонентам внутри моего app.component. html
Может ли кто-нибудь помочь мне с этим?