angular-md md-grid-list скрывает под md-sidenav

Question

angular-md md-grid-list скрывает под md-sidenav

0

Я совершенно новый в угловом-мд и пытаюсь сделать очевидную вещь - сиденав с картами справа. Код не такой жесткий http://codepen.io/anon/pen/qZPRmq

<body ng-app="BlankApp" ng-cloak layout="column">
<div flex layout="row">
    <md-sidenav md-is-locked-open="true" class="md-sidenav-left md-whiteframe-z2" layout="column">
      Some form here
    </md-sidenav>

    <!-- Container #4 -->
    <md-content flex layout="column" class="md-padding" layout-padding>
        <md-grid-list flex md-cols-xs="1" md-cols-sm="2" md-cols-md="4" md-cols-gt-md="6"
                      md-row-height="2:2"  md-gutter="12px" md-gutter-gt-sm="8px">
            <md-grid-tile flex>
                <md-card>
                    First card here
                </md-card>
                <md-card>
                  Second card here
                </md-card>
            </md-grid-tile>
        </md-grid-list>
    </md-content>
</div>

Но проблема в том, что md-grid-tile убегает от блока md-content и перекрывается sidenav (а иногда и с помощью md-toolbar). Что я делаю неправильно?

akashihi 01 апр. 2016, в 15:03

Источник

Теги:

angularjs

angular-material

1 ответ

Ещё вопросы

WuDo · Accepted Answer · 2016-04-01T12-08-00.000Z

+ Изменить

        <md-grid-tile flex>
            <md-card>
                First card here
            </md-card>
            <md-card>
              Second card here
            </md-card>
        </md-grid-tile>

в

        <md-grid-tile>
            <md-card>
                First card here
            </md-card>
        </md-grid-tile>
        <md-grid-tile>
            <md-card>
              Second card here
            </md-card>
        </md-grid-tile>