chrome/browser/resources/md_extensions/manager.html

<link rel="import" href="chrome://resources/cr_elements/cr_drawer/cr_drawer.html">
<link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar.html">
<link rel="import" href="chrome://resources/html/cr.html">
<link rel="import" href="chrome://resources/html/i18n_behavior.html">
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="chrome://resources/html/promise_resolver.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-header-panel/paper-header-panel.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animated-pages.html">
<link rel="import" href="chrome://extensions/detail_view.html">
<link rel="import" href="chrome://extensions/drop_overlay.html">
<link rel="import" href="chrome://extensions/error_page.html">
<link rel="import" href="chrome://extensions/item_list.html">
<link rel="import" href="chrome://extensions/keyboard_shortcuts.html">
<link rel="import" href="chrome://extensions/load_error.html">
<link rel="import" href="chrome://extensions/navigation_helper.html">
<link rel="import" href="chrome://extensions/options_dialog.html">
<link rel="import" href="chrome://extensions/pack_dialog.html">
<link rel="import" href="chrome://extensions/service.html">
<link rel="import" href="chrome://extensions/sidebar.html">
<link rel="import" href="chrome://extensions/toolbar.html">
<link rel="stylesheet" href="chrome://resources/css/md_colors.css">

<dom-module id="extensions-manager">
  <template>
    <style>
      [hidden] {
        display: none !important;
      }

      :host {
        height: 100%;
      }

      #panel {
        --paper-header-panel-standard-container: {
          display: flex;
        };
      }

      extensions-sidebar {
        flex-basis: 256px;
      }

      #pages {
        flex-grow: 1;
        overflow-y: auto;
      }

      /* Neon-animated pages set the position of the content to be absolute,
       * which is necessary for animations, but breaks sub-page layout. Apply a
       * static position to the selected page. See
       * https://github.com/PolymerElements/neon-animation/issues/101 for
       * conversations.
       * Note: Another proposed solution was
       *   neon-animated-pages .iron-selected:not(.neon-animating) {
       *     position: relative;
       *   }
       * but the below appears to work fine, and is in line with what settings
       * does.
       */
      neon-animated-pages ::content > .iron-selected {
        position: static;
      }

      extensions-item {
        display: inline-block;
      }

      extensions-toolbar {
        background: var(--md-toolbar-color);
        font-size: 13px;
      }
    </style>
    <extensions-drop-overlay></extensions-drop-overlay>
    <paper-header-panel id="panel">
      <extensions-toolbar class="paper-header" in-dev-mode="[[inDevMode]]"
          on-pack-tap="onPackTap_"
          on-cr-toolbar-menu-tap="onMenuButtonTap_"
          on-search-changed="onFilterChanged_">
      </extensions-toolbar>
      <dialog id="drawer" is="cr-drawer" title="$i18n{toolbarTitle}">
        <div class="drawer-content">
          <extensions-sidebar></extensions-sidebar>
        </div>
      </dialog>
      <neon-animated-pages id="pages" attr-for-selected="id"
          selected="items-list">
        <extensions-item-list id="items-list" items="[[extensions]]"
            delegate="[[itemDelegate]]" in-dev-mode="[[inDevMode]]"
            filter="[[filter]]"
            hidden$="[[computeListHidden_(extensions, extensions.splices, apps, apps.splices)]]">
        </extensions-item-list>
        <extensions-detail-view id="details-view" delegate="[[itemDelegate]]"
            in-dev-mode="[[inDevMode]]" data="[[detailViewItem_]]"
            on-close="onDetailsViewClose_">
        </extensions-detail-view>
        <extensions-keyboard-shortcuts id="keyboard-shortcuts"
            items="[[extensions]]">
        </extensions-keyboard-shortcuts>
        <extensions-error-page id="error-page" on-close="onErrorPageClose_"
            data="[[errorPageItem_]]">
        </extensions-error-page>
      </neon-animated-pages>
      <extensions-options-dialog id="options-dialog">
      </extensions-options-dialog>
      <extensions-pack-dialog id="pack-dialog"></extensions-pack-dialog>
      <extensions-load-error id="load-error"></extensions-load-error>
    </paper-header-panel>
  </template>
  <script src="chrome://extensions/manager.js"></script>
</dom-module>