chrome/browser/resources/discards/discards_main.html

<!--
Copyright 2018 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.

This is an internal only page meant for debugging. It is not intended for
general use and is not localized.
-->
<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html">
<link rel="import" href="chrome://resources/cr_elements/cr_tabs/cr_tabs.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-pages/iron-pages.html">
<link rel="import" href="database_tab.html">
<link rel="import" href="discards_tab.html">
<link rel="import" href="graph_tab.html">

<dom-module id="discards-main">
  <template>
    <style include="cr-hidden-style"></style>
    <style>
      :host {
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow: hidden;
      }

      iron-pages {
        flex: 1;
        overflow: hidden;
      }

      iron-pages > * {
        display: block;
        height: 100%;
        overflow: auto;
      }

      graph-tab {
        overflow: hidden;
      }
    </style>
    <cr-tabs selected="{{selected}}" tab-names="[[tabs]]"></cr-tabs>

    <iron-pages selected="[[selected]]">
      <discards-tab></discards-tab>
      <database-tab></database-tab>
      <graph-tab></graph-tab>
    </iron-pages>
  </template>
  <script src="discards_main.js"></script>
</dom-module>