角度材料 - 右侧边栏错误，没有，但相同的代码？

Question

我使用材料框架构建我的第一个应用程序：http://thommessen.upperyard.de/当您将网站切换到移动视图，然后打开右侧边栏时，您将看到他在网站的高度错误...左侧边栏不要错，但它的代码完全相同，我必须将id改为右边，将类改为右边。谁能告诉我这是怎么回事？

这里是代码：

<div ui-view="header">
    <md-toolbar layout="row">
        <div class="md-toolbar-tools">
            <md-button ng-click="toggleSidenav('left')" hide-gt-sm class="md-icon-button">
                <md-icon aria-label="Menu" md-svg-icon="images/icons/menu.svg"></md-icon>
            </md-button>
            <h1>Hello World</h1>
            <span flex></span>
            <md-button ng-click="toggleSidenav('right')" hide-gt-sm class="md-icon-button">
                <md-icon aria-label="Menu" md-svg-icon="images/icons/student.svg"></md-icon>
            </md-button>
        </div>
    </md-toolbar>
</div>

<div layout="row" flex>

    <div ui-view="sidebar-left">
        <md-sidenav layout="column"
                    class="md-sidenav-left md-whiteframe-z2"
                    md-component-id="left"
                    md-is-locked-open="$mdMedia('gt-sm')">
            asdsd
        </md-sidenav>
    </div>

    <div layout="column" flex id="content">
        <md-content layout="column" flex class="md-padding">

            <div ui-view="container"></div>

        </md-content>
    </div>

    <div ui-view="sidebar-right">
        <md-sidenav layout="column"
                    class="md-sidenav-right md-whiteframe-z2"
                    md-component-id="right"
                    md-is-locked-open="$mdMedia('gt-sm')">
            asdsd
        </md-sidenav>
    </div>

</div>