polymer_1.0.4/bower_components/paper-menu-button/demo/index.html - Issue 1264073002: Update polymer 1.0 install to pick up newly added elements.

Side by Side Diff: polymer_1.0.4/bower_components/paper-menu-button/demo/index.html

Issue 1264073002: Update polymer 1.0 install to pick up newly added elements. (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master

Patch Set: Update bower file to match actual versions. Created 5 years, 4 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

OLD	NEW
(Empty)
	1 <!doctype html>

	2 <!--

	3 @license

	4 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.

	5 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt

	6 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt

	7 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt

	8 Code distributed by Google as part of the polymer project is also

	9 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt

	10 -->

	11

	12 <html>

	13 <head>

	14

	15 <meta charset="utf-8">

	16 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	17 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial- scale=1.0, user-scalable=yes">

	18

	19 <title>paper-menu-button</title>

	20

	21 <script src="../../webcomponentsjs/webcomponents-lite.js"></script>

	22

	23 <link rel="import" href="../../iron-icons/iron-icons.html">

	24 <link rel="import" href="../../iron-icon/iron-icon.html">

	25 <link rel="import" href="../../iron-image/iron-image.html">

	26 <link rel="import" href="../../paper-menu/paper-menu.html">

	27 <link rel="import" href="../../paper-item/paper-item.html">

	28 <link rel="import" href="../../paper-button/paper-button.html">

	29 <link rel="import" href="../../paper-icon-button/paper-icon-button.html">

	30 <link rel="import" href="../../paper-styles/demo-pages.html">

	31

	32 <link rel="import" href="../paper-menu-button.html">

	33

	34 <style>

	35 paper-button {

	36 display: block;

	37 background: #4285f4;

	38 color: #fff;

	39 }

	40

	41 paper-menu {

	42 display: block;

	43 }

	44

	45 paper-menu-button {

	46 margin: auto;

	47 }

	48

	49 iron-image {

	50 padding: 1em;

	51 }

	52

	53 .item {

	54 max-width: 300px;

	55 }

	56

	57 .horizontal-section {

	58 text-align: center;

	59 }

	60 </style>

	61

	62 </head>

	63 <body>

	64

	65

	66 <template id="Demo" is="dom-bind">

	67

	68 <div class="horizontal-section-container">

	69 <div>

	70 <h4>Paper Icon Button + Paper Menu</h4>

	71 <div class="horizontal-section">

	72 <paper-menu-button>

	73 <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon -button>

	74 <paper-menu class="dropdown-content">

	75 <template is="dom-repeat" items="[[letters]]" as="letter">

	76 <paper-item>[[letter]]</paper-item>

	77 </template>

	78 </paper-menu>

	79 </paper-menu-button>

	80 </div>

	81 </div>

	82 </div>

	83

	84 <div class="horizontal-section-container">

	85 <div>

	86 <h4>Disabled</h4>

	87 <div class="horizontal-section">

	88 <paper-menu-button disabled>

	89 <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon -button>

	90 <paper-menu class="dropdown-content">

	91 <template is="dom-repeat" items="[[letters]]" as="letter">

	92 <paper-item>[[letter]]</paper-item>

	93 </template>

	94 </paper-menu>

	95 </paper-menu-button>

	96 </div>

	97 </div>

	98 </div>

	99

	100 <div class="horizontal-section-container">

	101 <div>

	102 <h4>Alternate Alignment</h4>

	103 <div class="horizontal-section">

	104 <paper-menu-button vertical-align="bottom" horizontal-align="right">

	105 <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon -button>

	106 <paper-menu class="dropdown-content">

	107 <template is="dom-repeat" items="[[letters]]" as="letter">

	108 <paper-item>[[letter]]</paper-item>

	109 </template>

	110 </paper-menu>

	111 </paper-menu-button>

	112 </div>

	113 </div>

	114 </div>

	115

	116 <div class="horizontal-section-container">

	117 <div>

	118 <h4>Alternate Button</h4>

	119 <div class="horizontal-section">

	120 <paper-menu-button>

	121 <paper-button class="dropdown-trigger" raised>

	122 <iron-icon icon="check"></iron-icon>

	123 <span>Dinosaurs</span>

	124 </paper-button>

	125 <paper-menu class="dropdown-content">

	126 <template is="dom-repeat" items="[[dinosaurs]]" as="dinosaur">

	127 <paper-item>[[dinosaur]]</paper-item>

	128 </template>

	129 </paper-menu>

	130 </paper-menu-button>

	131 </div>

	132 </div>

	133 </div>

	134

	135 <div class="horizontal-section-container">

	136 <div>

	137 <h4>Alternate Content</h4>

	138 <div class="horizontal-section">

	139 <paper-menu-button vertical-align="bottom">

	140 <paper-icon-button class="dropdown-trigger" icon="polymer"></paper-i con-button>

	141 <iron-image class="dropdown-content" src="../../iron-image/demo/poly mer.svg"></iron-image>

	142 </paper-menu-button>

	143 </div>

	144 </div>

	145 </div>

	146 </template>

	147

	148 <script>

	149 Demo.letters = [

	150 'alpha',

	151 'beta',

	152 'gamma',

	153 'delta',

	154 'epsilon'

	155 ];

	156 Demo.dinosaurs = [

	157 'allosaurus',

	158 'brontosaurus',

	159 'carcharodontosaurus',

	160 'diplodocus',

	161 'ekrixinatosaurus',

	162 'fukuiraptor',

	163 'gallimimus',

	164 'hadrosaurus',

	165 'iguanodon',

	166 'jainosaurus',

	167 'kritosaurus',

	168 'liaoceratops',

	169 'megalosaurus',

	170 'nemegtosaurus',

	171 'ornithomimus',

	172 'protoceratops',

	173 'quetecsaurus',

	174 'rajasaurus',

	175 'stegosaurus',

	176 'triceratops',

	177 'utahraptor',

	178 'vulcanodon',

	179 'wannanosaurus',

	180 'xenoceratops',

	181 'yandusaurus',

	182 'zephyrosaurus'

	183 ];

	184 </script>

	185

	186 </body>

	187 </html>

OLD	NEW