Скриване на панела за заглавки на хартия по подразбиране

Играя си с проекта Polymer и искам да създам оформление, подобно на Google Play Музика (https://play.google.com/music).

Как мога да скрия чекмеджето по подразбиране и да покажа иконата? По принцип поведението на малкия екран на панела-чекмедже-хартия трябва да бъде принудено. Как мога да създам лента с инструменти за приложение, подобна на Play Music?

Благодаря предварително.

<body unresolved class="fullbleed layout vertical">
    <span id="browser-sync-binding"></span>
    <template is="dom-bind" id="app">

        <paper-drawer-panel responsiveWidth="9999px">

            <paper-header-panel drawer>
                <paper-toolbar>
                    <div>Application</div>
                </paper-toolbar>
                <div>Drawer content...</div>
            </paper-header-panel>

            <paper-header-panel main>
                <paper-toolbar>
                    <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
                    <div>Title</div>
                </paper-toolbar>
                <div>Main content...</div>
            </paper-header-panel>

        </paper-drawer-panel>

    </template>
</body>

polymer polymer-1.0
person 19Gerhard85    schedule 18.06.2015    source източник

Отговори (2)


arrow_upward
9
arrow_downward

Хм... Какво ще кажете само за force-narrow?

<paper-header-panel force-narrow>
  ...
</paper-header-panel>

както е описано в "paper-header-panel.html":

    /**
     * If true, ignore `responsiveWidth` setting and force the narrow layout.
     */
    forceNarrow: {
      type: Boolean,
      value: false
    },
person zerodevx    schedule 18.06.2015
comment
Това също проработи, благодаря. Документацията е грешна, казва, че атрибутът трябва да бъде forceNarrow. - person 19Gerhard85; 18.06.2015
comment
Дадено. Но за да бъда честен, документацията, макар и объркваща може би, не е съвсем грешна. HTML атрибутите не са чувствителни към малки и големи букви, така че camelCase се сериализира в dash-case. Вижте: polymer-project.org/1.0/docs /devguide/ - person zerodevx; 18.06.2015

arrow_upward
1
arrow_downward

Намерих решението! Документацията е доста безполезна, когато такива основи като атрибути не са правилни.

<paper-drawer-panel responsive-width="10000px">
person 19Gerhard85    schedule 18.06.2015