使用RxJS更改样式

Question

我是Angular的新手。我有以下问题。我正在使用材料组件。在mat-sidenav上，我有一个按钮。单击它后，表格将显示在垫子抽屉内容上。问题是我这里还有另一个可滚动表，当我的第一个组件可见时，该表已隐藏。我的抽屉式抽屉内容有这种风格

overflow: hidden;

如果我将其更改为自动，则会同时获得两个滚动。 我以为我可以使用RxJS事件发射器来更改第二张桌子的高度（组件不在父子关系中）。但是代码量很大，我的组件没有子代或父代关系。是否可以使用CSS（也许使用flex）而不是使用JS？以下是我的照片。第二张照片是在单击按钮后。

1. 按钮
2. 大滚动组件
3. 通过按钮单击打开的组件

我的大滚动组件的一部分被隐藏了。