md-sidenav全高+缺乏动画

Question

我想在屏幕很大的时候在顶部有一个工具栏，左边是一个全高的侧边栏 - 工具栏应该从sidenav开始。右侧只能滚动。如果屏幕较小，侧边栏应隐藏，并显示，用户应单击工具栏上的按钮，该按钮应为100％宽度。

目前，我的sidenav不是全高，因此，我的工具栏宽度为100％。我试图用flex来实现它，但我做错了。

我没有实现控制器来管理显示菜单按钮，但我认为我的问题是独立的。

这是我的代码：

INSERT

Answer 1

检查这个灵魂。 http://codepen.io/next1/pen/mPWrvB

如果遗漏任何内容，请告诉我。我在md-button中使用了toolbar。您可以轻松将其替换为md-icon。

Answer 2

感谢nextt1解决方案非常接近我想要实现，我终于明白了。

here is my solution:

http://codepen.io/AgilePlayers/pen/eZvBLB