| Index: third_party/polymer/components/core-menu-button/demo.html
|
| diff --git a/third_party/polymer/components/core-menu-button/demo.html b/third_party/polymer/components/core-menu-button/demo.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..6235b314c37c680053f4488704ef209f457a8486
|
| --- /dev/null
|
| +++ b/third_party/polymer/components/core-menu-button/demo.html
|
| @@ -0,0 +1,90 @@
|
| +
|
| +<!doctype html>
|
| +<!--
|
| +Copyright 2013 The Polymer Authors. All rights reserved.
|
| +Use of this source code is governed by a BSD-style
|
| +license that can be found in the LICENSE file.
|
| +-->
|
| +<html>
|
| +<head>
|
| + <title>core-menu-button</title>
|
| + <script src="../platform/platform.js"></script>
|
| + <link rel="import" href="core-menu-button.html">
|
| + <link rel="import" href="../core-item/core-item.html">
|
| + <link rel="import" href="../core-toolbar/core-toolbar.html">
|
| + <style>
|
| + body {
|
| + margin: 0;
|
| + font-family: sans-serif;
|
| + }
|
| +
|
| + core-toolbar {
|
| + background-color: #cfa0e9;
|
| + overflow: hidden;
|
| + }
|
| +
|
| + .small::shadow core-icon-button {
|
| + padding: 12px;
|
| + }
|
| +
|
| + .small::shadow core-icon-button::shadow core-icon {
|
| + display: block;
|
| + height: 14px;
|
| + width: 14px;
|
| + }
|
| +
|
| + </style>
|
| +</head>
|
| +<body class="core-body-text" unresolved>
|
| +
|
| +
|
| + <br>
|
| + <br>
|
| + <br>
|
| + <br>
|
| + <br>
|
| + <br>
|
| + <br>
|
| + <br>
|
| + <br>
|
| + <br>
|
| + <core-toolbar>
|
| +
|
| + <core-menu-button icon="menu">
|
| +
|
| + <core-item icon="settings" label="Settings"></core-item>
|
| + <core-item icon="add" label="Add"></core-item>
|
| + <core-item icon="search" label="Search"></core-item>
|
| +
|
| + </core-menu-button>
|
| +
|
| + <core-menu-button icon="menu" class="small">
|
| +
|
| + <core-item icon="settings" label="Settings"></core-item>
|
| + <core-item icon="add" label="Add"></core-item>
|
| + <core-item icon="search" label="Search"></core-item>
|
| +
|
| + </core-menu-button>
|
| +
|
| + <div core-flex>Toolbar</div>
|
| +
|
| + <core-menu-button icon="add" halign="right">
|
| +
|
| + <core-item icon="star-rate" label="Rate"></core-item>
|
| + <core-item icon="today" label="Today"></core-item>
|
| + <core-item icon="keep" label="Keep"></core-item>
|
| +
|
| + </core-menu-button>
|
| +
|
| + <core-menu-button icon="more-vert" halign="right" valign="top">
|
| +
|
| + <core-item icon="visibility" label="Visibility"></core-item>
|
| + <core-item icon="extension" label="Extension"></core-item>
|
| + <core-item icon="info" label="Info"></core-item>
|
| +
|
| + </core-menu-button>
|
| +
|
| + </core-toolbar>
|
| +
|
| +</body>
|
| +</html>
|
|
|