css - 单击closebtn时控制sidenav栏的宽度

Question

我正在为我的侧面导航抽屉栏和主要内容使用有角度的材料 sidenav。当我单击侧栏的关闭按钮时，整个侧导航栏（抽屉内容）被关闭。但我希望它仍然以较小的宽度显示，并将侧抽屉的内容更改为只显示垫子图标。

我该怎么做，即侧边栏不应该完全关闭，它应该只是宽度更小，只显示图标？任何帮助，将不胜感激。